Fix focus/select loop when iOS Safari autofill is triggered

wojtekmaj · Nov 30, 2020 · 3e79746 · 3e79746
1 parent 3add591
commit 3e79746
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/TimeInput/Input.jsx b/src/TimeInput/Input.jsx
@@ -5,10 +5,16 @@ import updateInputWidth, { getFontShorthand } from 'update-input-width';
 
 /* eslint-disable jsx-a11y/no-autofocus */
 
+const isEdgeLegacy = navigator.userAgent.match(/ Edge\/1/);
+
 function onFocus(event) {
   const { target } = event;
 
-  requestAnimationFrame(() => target.select());
+  if (isEdgeLegacy) {
+    requestAnimationFrame(() => target.select());
+  } else {
+    target.select();
+  }
 }
 
 function updateInputWidthOnFontLoad(element) {