fix stuck tooltip bubble on safari
promote the [data-tooltip]::after pseudo onto its own compositor layer. without this, the bubble's `display: block` state can latch on hover for notification items where SubtleHover (also a promoted layer) shares the stacking context. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -114,6 +114,11 @@ input:focus {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
/* HACK: promote to its own layer so Safari's compositor doesn't latch the
|
||||||
|
bubble's `display: block` state when SubtleHover (also promoted) sits in
|
||||||
|
the same stacking context. Without this, hovering certain notification
|
||||||
|
items can leave the bubble visible permanently until a relayout. -sfn */
|
||||||
|
will-change: transform;
|
||||||
}
|
}
|
||||||
[data-tooltip]::before {
|
[data-tooltip]::before {
|
||||||
content: '';
|
content: '';
|
||||||
|
|||||||
Reference in New Issue
Block a user