Skip to content

Commit e29b059

Browse files
authored
fix(s2): Improve ActionBar transition when scrollbars are visible (#7607)
1 parent 1b425ca commit e29b059

File tree

1 file changed

+3
-6
lines changed

1 file changed

+3
-6
lines changed

packages/@react-spectrum/s2/src/ActionBar.tsx

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ const actionBarStyles = style({
5454
position: {
5555
isInContainer: 'absolute'
5656
},
57-
bottom: 8,
57+
bottom: 0,
5858
insetStart: 8,
5959
'--insetEnd': {
6060
type: 'insetEnd',
@@ -66,15 +66,12 @@ const actionBarStyles = style({
6666
},
6767
marginX: 'auto',
6868
maxWidth: 960,
69-
transition: 'default',
69+
transition: 'transform',
7070
transitionDuration: 200,
7171
translateY: {
72+
default: -8,
7273
isEntering: 'full',
7374
isExiting: 'full'
74-
},
75-
opacity: {
76-
isEntering: 0,
77-
isExiting: 0
7875
}
7976
});
8077

0 commit comments

Comments
 (0)