Skip to content

Fix collapsed rendering of overview view in Safari#714

Merged
yhatt merged 2 commits intomainfrom
safari-overview-fix
Mar 16, 2026
Merged

Fix collapsed rendering of overview view in Safari#714
yhatt merged 2 commits intomainfrom
safari-overview-fix

Conversation

@yhatt
Copy link
Member

@yhatt yhatt commented Mar 15, 2026

Fix #713.

pointer-events: auto;
scroll-margin-block: 30px;
z-index: 0;
width: 100%;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The key to this fix. Explicit width specification was required.

Comment on lines +512 to +529
margin: -6px;
padding: 6px;
background-image:
conic-gradient(#161616 0 0), conic-gradient(var(--bov-focus) 0 0),
conic-gradient(var(--bov-focus-outline) 0 0),
conic-gradient(var(--bov-selected) 0 0);
background-repeat: no-repeat;
background-size:
calc(100% - 10px) calc(100% - 10px),
calc(100% - 6px) calc(100% - 6px),
calc(100% - 4px) calc(100% - 4px),
100% 100%;
background-position:
5px 5px,
3px 3px,
2px 2px,
0 0;
filter: drop-shadow(0 3px 10px rgba(#000, 0.5));
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

box-shadow is not rendering in Safari, so changed it to borders using multiple background-image, and a shadow by filter: drop-shadow().

@yhatt yhatt merged commit 7b57601 into main Mar 16, 2026
@yhatt yhatt deleted the safari-overview-fix branch March 16, 2026 16:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Overview mode: Incorrect rendering on Safari/WebKit

1 participant