Merge pull request #19890 from tienifr/fix/19848-autofill-input

fix: autofill is not a valid selector

src/libs/isInputAutoFilled.js

@@ -1,9 +1,14 @@
+import isSelectorSupported from './isSelectorSupported';
+
 /**
  * Check the input is auto filled or not
  * @param  {Object} input
  * @return {Boolean}
  */
 export default function isInputAutoFilled(input) {
     if (!input.matches) return false;
-    return input.matches(':-webkit-autofill') || input.matches(':autofill');
+    if (isSelectorSupported(':autofill')) {
+        return input.matches(':-webkit-autofill') || input.matches(':autofill');
+    }
+    return input.matches(':-webkit-autofill');
 }

src/libs/isSelectorSupported/index.js

@@ -0,0 +1,13 @@
+/**
+ * Check platform supports the selector or not
+ * @param  {String} selector
+ * @return {Boolean}
+ */
+export default function isSelectorSupported(selector) {
+    try {
+        document.querySelector(selector);
+        return true;
+    } catch (error) {
+        return false;
+    }
+}

src/libs/isSelectorSupported/index.native.js

@@ -0,0 +1,4 @@
+// Native platforms do not support the selector
+export default function isSelectorSupported() {
+    return false;
+}