postcss-focus-within : browser compat (#520)

romainmenke · web-flow · commit a3f3fc78777e · 2022-07-03T19:36:27.000+02:00
* postcss-focus-within : browser compat

* lint
diff --git a/plugins/postcss-focus-within/src/browser.js b/plugins/postcss-focus-within/src/browser.js
@@ -65,7 +65,11 @@ export default function focusWithin(opts) {
 	const handleFocusChange = generateHandler(options.replaceWith);
 
 	const initialize = function initializeEventListeners() {
-		document.documentElement.classList.add('js-focus-within');
+		if (document.documentElement.className.indexOf('js-focus-within') > -1) {
+			return;
+		}
+
+		document.documentElement.className = document.documentElement.className + ' js-focus-within';
 		document.addEventListener('focus', handleFocusChange, true);
 		document.addEventListener('blur', handleFocusChange, true);
 	};
diff --git a/plugins/postcss-focus-within/test/_browser.html b/plugins/postcss-focus-within/test/_browser.html
@@ -7,6 +7,7 @@
 	<link rel="stylesheet" href="/test/browser.expect.css">
 	<script src="/dist/browser-global.js"></script>
 	<script>self._focusWithinInit = focusWithinInit</script>
+	<script>self._focusWithinInit()</script>
 </head>
 <body>
 	<div id="a-grand-parent">
