Bug: EaseMotion animation classes inside <dialog> don't re-trigger on showModal()

[Nareshkumawat-star]

Describe the bug

When EaseMotion animation classes (e.g. ease-fade-in, ease-slide-up) are applied to content inside an HTML <dialog> element, the animations play once on first open but do NOT re-trigger on subsequent showModal() calls.

Steps to Reproduce

1. Create a <dialog> with a child div using ease-fade-in
2. Call dialog.showModal() — animation plays –> close the dialog
3. Call dialog.showModal() again — animation does NOT replay

Expected Behavior

Animation should replay every time the dialog opens.

Suggested Fix

Document the @starting-style CSS workaround for modern browsers, and provide a JS snippet that removes and re-adds the animation class on dialog open.

[github-actions]

Hey @Nareshkumawat-star! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside submissions/examples/your-feature-name/
• Include demo.html · style.css · README.md in your folder
• Max 2 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡