Skip to content

Pop-up open animation broken since v3.2.4 (host fully rebuilt + forced reflow removed) #2548

Description

@koen241

Bubble Card version: Broken on v3.2.4 and v3.2.5. Confirmed fixed by downgrading to v3.2.3.

Describe the bug:
Since v3.2.4, card_type: pop-up cards no longer animate open/closed. Tapping the trigger button:

Takes a noticeable delay (up to a few seconds) before the pop-up appears.
Then appears instantly in its final, fully-open state — no slide-up transition is visible.
Verified via the browser console: zero transitionrun/transitionstart/transitionend events fire on .bubble-pop-up when opening, even though its own stylesheet correctly defines transition: transform 0.3s ease and the computed style confirms this rule is active (not overridden). The element's transform is already at its final resting value (matrix(1,0,0,1,0,0)) the moment it appears in the DOM.

Suspected cause:
Per the v3.2.4 release notes:

"Pop-up hosts are now fully removed from the DOM when closed, preventing memory leaks and stale references" — this likely explains the delay (rebuilding the shell from scratch on every open) and removes the previously-rendered "closed" element needed as a transition starting point.
"Eliminated forced reflows during pop-up open for improved performance" — removing the forced reflow between setting the initial and final transform means the browser coalesces both style changes into a single frame, so the transition never gets a chance to run.
To reproduce: Any custom:bubble-card with card_type: pop-up, on v3.2.4 or v3.2.5. Tap the trigger.

Expected: Pop-up slides up on open / slides down on close, as in v3.2.3 and earlier.

Workaround: Downgrade to v3.2.3 via HACS (redownload specific version).

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions