点击Flutter TextField触发Dart断言错误求助：目标输入元素需为激活状态

错误信息 #

DartError: 断言失败：org-dartlang-sdk:///lib/_engine/engine/pointer_binding/event_position_helper.dart:70:10
targetElement == domElement
"目标输入元素必须是激活的输入元素"
dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 288:3 throw
dart-sdk/lib/_internal/js_dev_runtime/private/profile.dart 110:39 assertFailed
dart-sdk/lib/_internal/js_dev_runtime/private/profile.dart 110:39 _computeOffsetForInputs
lib/_engine/engine/pointer_binding/event_position_helper.dart 38:14 computeEventOffsetToTarget
lib/_engine/engine/pointer_binding.dart 1088:30 [_convertEventsToPointerData]
lib/_engine/engine/pointer_binding.dart 1016:9
lib/_engine/engine/pointer_binding.dart 948:7
lib/_engine/engine/pointer_binding.dart 541:9 loggedHandler
dart-sdk/lib/_internal/js_dev_runtime/patch/js_allow_interop_patch.dart 212:27 _callDartFunctionFast1

相关代码 #

Widget _buildEmailField() {
  return TextField(
    key: ValueKey('emailField'), 
    controller: _emailController,
    style: TextStyle(color: Colors.white),
    decoration: InputDecoration(
      hintText: 'Login',
      hintStyle: const TextStyle(color: Colors.white54),
      filled: true,
      fillColor: Colors.black.withOpacity(0.3),
      contentPadding: const EdgeInsets.symmetric(vertical: 16, horizontal: 20),
      border: OutlineInputBorder(
        borderRadius: BorderRadius.circular(20.0),
        borderSide: const BorderSide(color: Colors.white54),
      ),
      enabledBorder: OutlineInputBorder(
        borderRadius: BorderRadius.circular(20.0),
        borderSide: const BorderSide(color: Colors.white54),
      ),
      focusedBorder: OutlineInputBorder(
        borderRadius: BorderRadius.circular(20.0),
        borderSide: const BorderSide(color: Colors.white),
      ),
    ),
  );
}

问题场景 #

点击上述TextField时触发断言失败错误，尝试过用EditableText替代、更换浏览器、取消焦点、手动监听事件捕获忽略错误等方案，均未解决，且错误为未捕获状态。

解决建议 #

• 升级/回退Flutter SDK：该错误属于Flutter Web引擎的特定版本bug，建议升级到最新稳定版，或回退到3.10.x等已知无此问题的版本。
• 检查CSS指针事件规则：排查页面中是否有自定义CSS对input元素设置了pointer-events: none或其他事件拦截样式，确保TextField对应的DOM元素允许指针事件。
• 调整Widget层级：若TextField嵌套在有自定义手势监听的Widget（如GestureDetector）内，尝试将其移至无额外事件拦截的层级，或给父级Widget设置behavior: HitTestBehavior.translucent让事件透传。
• 清理编译缓存：执行flutter clean后重新运行flutter run -d chrome，清除旧的Web编译缓存。
• 临时禁用输入优化（测试用）：在main.dart的main函数开头添加debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;，强制使用通用输入处理逻辑绕过断言。

内容的提问来源于stack exchange，提问作者Steven