From 448db28e3b9c8d4b6aeebe8a8d622d8111454f06 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Tue, 14 Jan 2025 13:20:52 -0500 Subject: [PATCH] fix(s2): Improve ActionBar transition when scrollbars are visible --- packages/@react-spectrum/s2/src/ActionBar.tsx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/packages/@react-spectrum/s2/src/ActionBar.tsx b/packages/@react-spectrum/s2/src/ActionBar.tsx index 8c4fdefb665..c74c0ef7e75 100644 --- 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 } });