Do not log failed rule insertions in the speedy mode for vendor-prefi…

…xed pseudo-elements/classes (#2149) Co-authored-by: Mitchell Hamilton <mitchell@hamil.town>
emotion-js · Dec 2, 2020 · 5469d00 · 5469d00
1 parent 97e5110
commit 5469d00
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/eleven-hairs-mate.md b/.changeset/eleven-hairs-mate.md
@@ -0,0 +1,5 @@
+---
+'@emotion/sheet': patch
+---
+
+Do not log failed rule insertions in the speedy mode for vendor-prefixed pseudo-elements/classes like `::-moz-placeholder`.
diff --git a/packages/sheet/src/index.js b/packages/sheet/src/index.js
@@ -135,7 +135,12 @@ export class StyleSheet {
         // the big drawback is that the css won't be editable in devtools
         sheet.insertRule(rule, sheet.cssRules.length)
       } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
+        if (
+          process.env.NODE_ENV !== 'production' &&
+          !/:(-moz-placeholder|-ms-input-placeholder|-moz-read-write|-moz-read-only){/.test(
+            rule
+          )
+        ) {
           console.error(
             `There was a problem inserting the following rule: "${rule}"`,
             e