Add negative margin on VisuallyHidden on both sides (#4177)

adobe · Mar 29, 2023 · 615bcfc · 615bcfc · rspbot · Mar 29, 2023
1 parent db4c617
commit 615bcfc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx b/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx
@@ -71,7 +71,7 @@ class LiveAnnouncer {
       clip: 'rect(0 0 0 0)',
       clipPath: 'inset(50%)',
       height: '1px',
-      margin: '0 -1px -1px 0',
+      margin: '-1px',
       overflow: 'hidden',
       padding: 0,
       position: 'absolute',

diff --git a/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx b/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx
@@ -33,12 +33,12 @@ const styles: CSSProperties = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   clipPath: 'inset(50%)',
-  height: 1,
-  margin: '0 -1px -1px 0',
+  height: '1px',
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',
-  width: 1,
+  width: '1px',
   whiteSpace: 'nowrap'
 };