fix: reset input focus status when spec done.

bridge/core/binding_call_methods.json5

@@ -153,6 +153,7 @@
     "className",
     "cookie",
     "class",
-    "syncPropertiesAndMethods"
+    "syncPropertiesAndMethods",
+    "_clearFocus__"
   ]
 }

bridge/core/html/forms/html_input_element.d.ts

@@ -26,5 +26,6 @@ interface HTMLInputElement extends HTMLElement {
   inputMode: DartImpl<string>;
   focus(): DartImpl<void>;
   blur(): DartImpl<void>;
+  _clearFocus__(): DartImpl<void>;
   new(): void;
 }

bridge/polyfill/src/test/index.js

@@ -57,13 +57,27 @@ class JasmineTracker {
 
   specDone(result) {
     clearAllTimer();
+    resetFocusState(document.body);
     resetDocumentElement();
     webf.methodChannel.clearMethodCallHandler();
   }
   specStarted(result) {
   }
 }
 
+function resetFocusState(node) {
+  if (!node) return;
+  if (node._clearFocus__) {
+    node._clearFocus__();
+  }
+
+  if (node.childNodes && node.childNodes.length > 0) {
+    for(let i = 0; i < node.childNodes.length; i ++) {
+      resetFocusState(node.childNodes[i]);
+    }
+  }
+}
+
 const consoleReporter = new ConsoleReporter();
 const jasmineTracker = new JasmineTracker();
 

integration_tests/specs/dom/elements/input.ts

@@ -142,7 +142,7 @@ describe('Tags input', () => {
     await snapshot();
   });
 
-  fit('line-height set and is bigger than text size', async () => {
+  it('line-height set and is bigger than text size', async () => {
     let input;
     input = createElement(
       'input',
@@ -256,7 +256,9 @@ describe('Tags input', () => {
 
     requestAnimationFrame(() => {
       input1.focus();
-      input2.focus();
+      requestAnimationFrame(() => {
+        input2.focus();
+      });
     });
   });
 
@@ -276,9 +278,10 @@ describe('Tags input', () => {
 
     requestAnimationFrame(() => {
       input1.focus();
-      input2.focus();
+      requestAnimationFrame(() => {
+        input2.focus();
+      });
     });
-
   });
 
   it('event input', (done) => {
@@ -298,7 +301,9 @@ describe('Tags input', () => {
     document.body.appendChild(input);
     input.focus();
     requestAnimationFrame(() => {
-      simulateInputText(VALUE);
+      requestAnimationFrame(() => {
+        simulateInputText(VALUE);
+      });
     });
   });
 

webf/lib/src/html/input.dart

@@ -54,6 +54,11 @@ class FlutterInputElement extends WidgetElement
     methods['focus'] = BindingObjectMethodSync(call: (List args) {
       focus();
     });
+    if (kDebugMode) {
+      methods['_clearFocus__'] = BindingObjectMethodSync(call: (args) {
+        _focusNode.unfocus();
+      });
+    }
   }
 
   @override
@@ -318,9 +323,12 @@ mixin BaseInputElement on WidgetElement {
       if (ownerDocument.focusedElement == this) {
         ownerDocument.focusedElement = null;
       }
+      // When the element loses focus after its value was changed: for elements where the user's interaction is typing rather than selection,
+      // such as a <textarea> or the text, search, url, tel, email, or password types of the <input> element
       if (oldValue != value) {
         dispatchEvent(Event('change'));
       }
+
       dispatchEvent(FocusEvent(EVENT_BLUR, relatedTarget: this));
     }
   }

webf/lib/src/rendering/viewport.dart

@@ -73,7 +73,7 @@ class RenderViewportBox extends RenderBox
       final ContainerBoxParentData<RenderObject> childParentData = child.parentData as ContainerBoxParentData<RenderObject>;
 
       RenderBoxModel rootRenderLayoutBox = child as RenderLayoutBox;
-      child!.layout(rootRenderLayoutBox.getConstraints().tighten(width: width, height: height));
+      child.layout(rootRenderLayoutBox.getConstraints().tighten(width: width, height: height));
 
       assert(child.parentData == childParentData);
       child = childParentData.nextSibling;