Skip to content

Commit eb43164

Browse files
authored
fix(ListBox): change ListBox z-index higher than modal (#8107)
* fix(ListBox): change ListBox z-index higher than modal * style(layout): add comment why dropdown has high zindex * style(layout): sort values in descending order
1 parent 0aed1a8 commit eb43164

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

packages/components/src/globals/scss/_layout.scss

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,17 @@
1212
/// @type Map
1313
/// @group global-layout
1414
$z-indexes: (
15+
// Dropdowns that render outside of a Modal should render above a Modal.
16+
// Dropdowns below the modal will close when the Modal is opened, so
17+
// having a higher z-index *should* not cause issues.
18+
dropdown: 9100,
1519
modal: 9000,
16-
overlay: 6000,
17-
dropdown: 6000,
1820
header: 8000,
21+
overlay: 6000,
22+
floating: 6000,
1923
footer: 5000,
2024
hidden: - 1,
21-
overflowHidden: - 1,
22-
floating: 6000,
25+
overflowHidden: - 1
2326
);
2427

2528
/// @access public

0 commit comments

Comments
 (0)