🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!
When inserting vendor pseudos into a different vendor, they can crash.
index.js:985 Uncaught DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.m::-moz-focus-inner { border:0; }'.
at StandardStyleSheet.BaseStyleSheet.injectRule (webpack:///./node_modules/@aesthetic/style/esm/index.js?:985:19)
at eval (webpack:///./node_modules/@aesthetic/style/esm/index.js?:994:15)
at Array.forEach (<anonymous>)
at BaseStyleSheet.flushRules (webpack:///./node_modules/@aesthetic/style/esm/index.js?:993:24)
Steps to reproduce
Insert a pseudo that starts with -moz in Chrome/WebKit.
Expected behavior
Not to crash. We will most likely have to skip over these in unsupported browsers.
Describe the bug
When inserting vendor pseudos into a different vendor, they can crash.
Steps to reproduce
Insert a pseudo that starts with
-moz
in Chrome/WebKit.Expected behavior
Not to crash. We will most likely have to skip over these in unsupported browsers.
Screenshots
Environment
Platform: Web
Additional context