fix(s2): Improve ActionBar transition when scrollbars are visible (#7607

)
adobe · Jan 14, 2025 · e29b059 · e29b059
1 parent 1b425ca
commit e29b059
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/packages/@react-spectrum/s2/src/ActionBar.tsx b/packages/@react-spectrum/s2/src/ActionBar.tsx
@@ -54,7 +54,7 @@ const actionBarStyles = style({
   position: {
     isInContainer: 'absolute'
   },
-  bottom: 8,
+  bottom: 0,
   insetStart: 8,
   '--insetEnd': {
     type: 'insetEnd',
@@ -66,15 +66,12 @@ const actionBarStyles = style({
   },
   marginX: 'auto',
   maxWidth: 960,
-  transition: 'default',
+  transition: 'transform',
   transitionDuration: 200,
   translateY: {
+    default: -8,
     isEntering: 'full',
     isExiting: 'full'
-  },
-  opacity: {
-    isEntering: 0,
-    isExiting: 0
   }
 });