Overlay issue, Items remain on top of other popus

[dumitrudan608]

I've noticed that History, Snooze and Alerts counter remain on top of any other layers or popups. For example I'm using a Bubble card popup, and these 3 buttons I'm always seeing on top of everything. I've noticed it on PC and Android Phone. The problem is this way they seem disconnected from the rest of the alerts.

[djdevil]

Fixed in the next release — one-line CSS change.

Root cause: the card's shadow root was missing isolation: isolate on :host. Without it, the absolutely-positioned elements inside the shadow DOM (snooze button, history button, alert counter — all at z-index: 20) participated in the global page stacking context instead of being contained within the card. Bubble Card popups land in a separate stacking context layer, but the card's buttons were escaping their shadow boundary and rendering on top.

Fix: adding isolation: isolate to :host forces the shadow root to create its own stacking context. All internal z-indexes are now self-contained — nothing leaks out above external overlays, dialogs, or popups.

Immediate workaround while you wait for the update — add this to your card via card_mod:

card_mod:
style: |
:host {
isolation: isolate;
}

Will be included in the next release. Thanks for the clear report!