fix: onFocus/onBlur have a matching event type

facebook · Aug 8, 2020 · b6856b2 · b6856b2
1 parent 0334244
commit b6856b2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/react-dom/src/events/__tests__/SyntheticFocusEvent-test.js b/packages/react-dom/src/events/__tests__/SyntheticFocusEvent-test.js
@@ -44,7 +44,7 @@ describe('SyntheticFocusEvent', () => {
       }),
     );
 
-    expect(log).toEqual(['onFocusCapture: focusin', 'onFocus: focusin']);
+    expect(log).toEqual(['onFocusCapture: focus', 'onFocus: focus']);
   });
 
   test('onBlur events have the blur type', () => {
@@ -65,6 +65,6 @@ describe('SyntheticFocusEvent', () => {
       }),
     );
 
-    expect(log).toEqual(['onBlurCapture: focusout', 'onBlur: focusout']);
+    expect(log).toEqual(['onBlurCapture: blur', 'onBlur: blur']);
   });
 });
diff --git a/packages/react-dom/src/events/plugins/SimpleEventPlugin.js b/packages/react-dom/src/events/plugins/SimpleEventPlugin.js
@@ -158,6 +158,13 @@ function extractEvents(
     EventInterface,
   );
 
+  if (domEventName === 'focusin') {
+    event.type = 'focus';
+  }
+  if (domEventName === 'focusout') {
+    event.type = 'blur';
+  }
+
   const inCapturePhase = (eventSystemFlags & IS_CAPTURE_PHASE) !== 0;
   if (
     enableCreateEventHandleAPI &&