fix: modal closing with a custom animation, even if there are animated elements inside the modal

[VEH9]

What is it?

• Feature / enhancement
• Bug
• Docs / tests
• Other

Why is it needed?

transitionend and animationend events could fire on inner animations inside the modal instead of the modal container itself.
Because these listeners were registered with { once: true }, they were removed after the first event, causing the modal closing logic to never run and leaving the modal partially open. As a result, the user could no longer interact with the page.

For example, if there is an animated placeholder on an <input> inside the modal, the transitionend event could fire on that placeholder before the modal’s own transition finishes. This would remove the listener too early and prevent the modal from closing completely.

Before:

2025-10-21.18.43.39.mov

After:

2025-10-21.18.45.22.mov

Same issue
#1004

Checklist:

• My code follows the developer guidelines of this project
• I have performed a self-review of my own code
• I have ran pnpm change and documented my changes
• I have add necessary docs (if needed)
• Added new tests to cover the fix / functionality

[changeset-bot]

🦋 Changeset detected

Latest commit: 244c9fd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@qwik-ui/headless	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

CLA Assistant Lite bot All contributors have signed the CLA ✍️ ✅

[VEH9]

I have read the CLA Document and I hereby sign the CLA

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/qwikifiers/qwik-ui@1159

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/headless@1159

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/styled@1159

npm i https://pkg.pr.new/qwikifiers/qwik-ui/@qwik-ui/utils@1159

commit: 244c9fd

[maiieul]

LGTM 👍 thanks for the fix @VEH9