Skip to content

Commit 4d12908

Browse files
author
Teigen
committed
fix(iPad): raise toolbar z-index when case settings popover is open
backdrop-filter on the toolbar creates a stacking context that traps the popover's z-index (1000) inside the toolbar. CJK input (z-index 52) in the root stacking context always wins. Use :has() to raise the toolbar above CJK only while the popover is visible.
1 parent 566c65c commit 4d12908

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

src/web/public/styles.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2719,6 +2719,13 @@ body.solo-mode .btn-lifecycle-log {
27192719
contain: style;
27202720
}
27212721

2722+
/* backdrop-filter creates a stacking context, trapping the popover's
2723+
z-index inside the toolbar. When the popover is open, raise the toolbar
2724+
above the CJK input (z-index 52) so the popover is interactable. */
2725+
.toolbar:has(.case-settings-popover:not(.hidden)) {
2726+
z-index: 100;
2727+
}
2728+
27222729
.toolbar-left,
27232730
.toolbar-right {
27242731
display: flex;

0 commit comments

Comments
 (0)