fix: synchronize focused email input on blur to avoid check validity …

…when inputting
facebook · Aug 15, 2020 · 2ab42d8 · 2ab42d8
1 parent ffb749c
commit 2ab42d8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/react-dom/src/client/ReactDOMInput.js b/packages/react-dom/src/client/ReactDOMInput.js
@@ -411,7 +411,7 @@ export function setDefaultValue(
 ) {
   if (
     // Focused number inputs synchronize on blur. See ChangeEventPlugin.js
-    type !== 'number' ||
+    (type !== 'number' && type !== 'email') ||
     node.ownerDocument.activeElement !== node
   ) {
     if (value == null) {

diff --git a/packages/react-dom/src/events/plugins/ChangeEventPlugin.js b/packages/react-dom/src/events/plugins/ChangeEventPlugin.js
@@ -246,7 +246,11 @@ function getTargetInstForInputOrChangeEvent(
 function handleControlledInputBlur(node: HTMLInputElement) {
   const state = (node: any)._wrapperState;
 
-  if (!state || !state.controlled || node.type !== 'number') {
+  if (
+    !state ||
+    !state.controlled ||
+    (node.type !== 'number' && node.type !== 'email')
+  ) {
     return;
   }