fix(label): visibily hide label created for screenreaders #119

AlaskaAirlines · Oct 31, 2022 · 97cc680 · 97cc680
1 parent f7c4573
commit 97cc680
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/auro-select.js b/src/auro-select.js
@@ -334,7 +334,18 @@ class AuroSelect extends LitElement {
 
     placeholderLabel.setAttribute("id", textId);
     placeholderLabel.setAttribute("aria-live", "polite");
-    placeholderLabel.classList.add("util_displayHiddenVisually");
+
+    const styles = {
+      position: 'absolute',
+      overflow: 'hidden',
+      clipPath: 'inset(1px, 1px, 1px, 1px)',
+      width: '1px',
+      height: '1px',
+      padding: '0',
+      border: '0'
+    };
+
+    Object.assign(placeholderLabel.style, styles);
 
     this.addEventListener('focus', () => {
       document.body.appendChild(placeholderLabel);