From 5814815d40660f382849a7d36c876b16e6e0a4c2 Mon Sep 17 00:00:00 2001
From: romainmenke <romainmenke@gmail.com>
Date: Sun, 3 Jul 2022 12:12:30 +0200
Subject: [PATCH 1/3] postcss-blank : browser compat

---
 plugins/css-blank-pseudo/src/browser.js     | 94 +++++++++++++++------
 plugins/css-blank-pseudo/test/_browser.html |  1 +
 rollup/presets/browser.javascript.js        |  4 +-
 3 files changed, 69 insertions(+), 30 deletions(-)

diff --git a/plugins/css-blank-pseudo/src/browser.js b/plugins/css-blank-pseudo/src/browser.js
index 5706d8713..8f1dc7315 100644
--- a/plugins/css-blank-pseudo/src/browser.js
+++ b/plugins/css-blank-pseudo/src/browser.js
@@ -1,8 +1,14 @@
-/* global document,MutationObserver */
+/* global document,window,self,MutationObserver */
 import isValidReplacement from './is-valid-replacement.mjs';
 
 // form control elements selector
-const BLANK_CANDIDATES = 'input,select,textarea';
+function isFormControlElement(element) {
+	if (element.nodeName === 'INPUT' || element.nodeName === 'SELECT' || element.nodeName === 'TEXTAREA') {
+		return true;
+	}
+
+	return false;
+}
 
 function createNewEvent(eventName) {
 	let event;
@@ -21,8 +27,6 @@ function generateHandler(replaceWith) {
 	let selector;
 	let remove;
 	let add;
-	const matches = typeof document.body.matches === 'function'
-		? 'matches' : 'msMatchesSelector';
 
 	if (replaceWith[0] === '.') {
 		selector = replaceWith.slice(1);
@@ -37,7 +41,7 @@ function generateHandler(replaceWith) {
 
 	return function handleInputOrChangeEvent(event) {
 		const element = event.target;
-		if (!element[matches](BLANK_CANDIDATES)) {
+		if (!isFormControlElement(element)) {
 			return;
 		}
 
@@ -83,16 +87,18 @@ function observeValueOfHTMLElement(HTMLElement, handler) {
 }
 
 export default function cssBlankPseudoInit(opts) {
-	// configuration
-	const options = Object.assign(
-		// Default options
-		{
-			force: false,
-			replaceWith: '[blank]',
-		},
-		// Provided options
-		opts,
-	);
+	const options = {
+		force: false,
+		replaceWith: '[blank]',
+	};
+
+	if (typeof opts !== 'undefined' && 'force' in opts) {
+		options.force = opts.force;
+	}
+
+	if (typeof opts !== 'undefined' && 'replaceWith' in opts) {
+		options.replaceWith = opts.replaceWith;
+	}
 
 	if (!isValidReplacement(options.replaceWith)) {
 		throw new Error(`${options.replaceWith} is not a valid replacement since it can't be applied to single elements.`);
@@ -108,39 +114,71 @@ export default function cssBlankPseudoInit(opts) {
 
 	const handler = generateHandler(options.replaceWith);
 
-	document.body.addEventListener('change', handler);
-	document.body.addEventListener('input', handler);
-
-	// observe value changes on <input>, <select>, and <textarea>
-	const window = (document.ownerDocument || document).defaultView;
+	if (document.body) {
+		document.body.addEventListener('change', handler);
+		document.body.addEventListener('input', handler);
+	} else {
+		window.addEventListener('load', () => {
+			if (document.body) {
+				document.body.addEventListener('change', handler);
+				document.body.addEventListener('input', handler);
+			}
+		});
+	}
 
-	observeValueOfHTMLElement(window.HTMLInputElement, handler);
-	observeValueOfHTMLElement(window.HTMLSelectElement, handler);
-	observeValueOfHTMLElement(window.HTMLTextAreaElement, handler);
-	observeSelectedOfHTMLElement(window.HTMLOptionElement, handler);
+	observeValueOfHTMLElement(self.HTMLInputElement, handler);
+	observeValueOfHTMLElement(self.HTMLSelectElement, handler);
+	observeValueOfHTMLElement(self.HTMLTextAreaElement, handler);
+	observeSelectedOfHTMLElement(self.HTMLOptionElement, handler);
 
 	// conditionally update all form control elements
 	Array.prototype.forEach.call(
-		document.querySelectorAll(BLANK_CANDIDATES),
+		document.querySelectorAll('input, select, textarea'),
 		node => {
 			handler({ target: node });
 		},
 	);
 
-	if (typeof window.MutationObserver !== 'undefined') {
+	if (typeof self.MutationObserver !== 'undefined') {
 		// conditionally observe added or unobserve removed form control elements
 		new MutationObserver(mutationsList => {
 			mutationsList.forEach(mutation => {
 				Array.prototype.forEach.call(
 					mutation.addedNodes || [],
 					node => {
-						// Matches isn't polyfilled here since IE9 doesn't have support for MO
-						if (node.nodeType === 1 && node.matches(BLANK_CANDIDATES)) {
+						if (node.nodeType === 1 && isFormControlElement(node)) {
 							handler({ target: node });
 						}
 					},
 				);
 			});
 		}).observe(document, { childList: true, subtree: true });
+	} else {
+		window.addEventListener('load', () => {
+			Array.prototype.forEach.call(
+				document.querySelectorAll('input, select, textarea'),
+				node => {
+					handler({ target: node });
+				},
+			);
+		});
+
+		window.addEventListener('load', () => {
+			Array.prototype.forEach.call(
+				document.querySelectorAll('input, select, textarea'),
+				node => {
+					handler({ target: node });
+				},
+			);
+		});
+
+		window.addEventListener('DOMContentLoaded', () => {
+			Array.prototype.forEach.call(
+				document.querySelectorAll('input, select, textarea'),
+				node => {
+					handler({ target: node });
+				},
+			);
+		});
 	}
 }
diff --git a/plugins/css-blank-pseudo/test/_browser.html b/plugins/css-blank-pseudo/test/_browser.html
index b81a0a58e..8417794bf 100644
--- a/plugins/css-blank-pseudo/test/_browser.html
+++ b/plugins/css-blank-pseudo/test/_browser.html
@@ -7,6 +7,7 @@
 	<link rel="stylesheet" href="/test/browser.expect.css">
 	<script src="/dist/browser-global.js"></script>
 	<script>self._cssBlankPseudoInit = cssBlankPseudoInit</script>
+	<script>self._cssBlankPseudoInit();</script>
 </head>
 <body>
 	<input type="tel" id="tel-input" aria-label="">
diff --git a/rollup/presets/browser.javascript.js b/rollup/presets/browser.javascript.js
index 08e5b8ea1..111dd35eb 100644
--- a/rollup/presets/browser.javascript.js
+++ b/rollup/presets/browser.javascript.js
@@ -43,7 +43,7 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				terser(),
+				// terser(),
 			],
 		},
 		{
@@ -60,7 +60,7 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				terser(),
+				// terser(),
 			],
 		},
 	];

From 15d58b8b212bccc934326d60658b186ca6bc7dea Mon Sep 17 00:00:00 2001
From: romainmenke <romainmenke@gmail.com>
Date: Sun, 3 Jul 2022 12:15:30 +0200
Subject: [PATCH 2/3] fix

---
 plugins/css-blank-pseudo/src/browser.js | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/plugins/css-blank-pseudo/src/browser.js b/plugins/css-blank-pseudo/src/browser.js
index 8f1dc7315..2e8eaff04 100644
--- a/plugins/css-blank-pseudo/src/browser.js
+++ b/plugins/css-blank-pseudo/src/browser.js
@@ -163,15 +163,6 @@ export default function cssBlankPseudoInit(opts) {
 			);
 		});
 
-		window.addEventListener('load', () => {
-			Array.prototype.forEach.call(
-				document.querySelectorAll('input, select, textarea'),
-				node => {
-					handler({ target: node });
-				},
-			);
-		});
-
 		window.addEventListener('DOMContentLoaded', () => {
 			Array.prototype.forEach.call(
 				document.querySelectorAll('input, select, textarea'),

From a12fbb3f08fd3c390a596d64dd8cc2eb16a189fa Mon Sep 17 00:00:00 2001
From: romainmenke <romainmenke@gmail.com>
Date: Sun, 3 Jul 2022 12:16:48 +0200
Subject: [PATCH 3/3] fix

---
 rollup/presets/browser.javascript.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/rollup/presets/browser.javascript.js b/rollup/presets/browser.javascript.js
index 111dd35eb..08e5b8ea1 100644
--- a/rollup/presets/browser.javascript.js
+++ b/rollup/presets/browser.javascript.js
@@ -43,7 +43,7 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				// terser(),
+				terser(),
 			],
 		},
 		{
@@ -60,7 +60,7 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				// terser(),
+				terser(),
 			],
 		},
 	];