Fix #4214: Screenreader improve hidden accessible

primefaces · Jan 2, 2025 · 252dbc9 · 252dbc9
1 parent e630a39
commit 252dbc9
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/core/src/base/style/BaseStyle.js b/packages/core/src/base/style/BaseStyle.js
@@ -127,19 +127,18 @@ const theme = ({ dt }) => `
 
 const css = ({ dt }) => `
 .p-hidden-accessible {
-    border: 0;
-    clip: rect(0 0 0 0);
     height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
+    opacity: 0;
+    pointer-events: none;
     position: absolute;
+    white-space: nowrap;
     width: 1px;
 }
 
 .p-hidden-accessible input,
 .p-hidden-accessible select {
-    transform: scale(0);
+    height: 1px;
+    width: 1px;
 }
 
 .p-overflow-hidden {