fix: conflicting view-timeline names between ease-scroll-stagger and ease-scroll-progress

[Pcmhacker-piro]

Description

Scroll Stagger (#30337, batch 1) registers view-timeline-name: --ease-view for scroll-driven animation of child items, while Scroll Progress Indicator (#30433) uses scroll-timeline-name: --ease-scroll-progress on the document element. Both use the name 'scroll' implicitly and may register overlapping timeline names on the same scroller, causing the stagger animation to mis-fire or the progress to remain at 0%.

Affected Components

• Scroll Stagger (feat: add image comparison slider (before/after) component #30337, batch 1)
• Scroll Progress Indicator (Add Scroll Progress Indicator (reading progress bar at top of page) #30433)

Suggested Resolution

• Prefix timeline names with component identifiers
• Use timeline-scope to isolate timeline registrations

[github-actions]

Hey @Pcmhacker-piro! 👋

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 the submissions/ directory (e.g., submissions/examples/your-feature-name/ or submissions/docs/your-feature-name/)
• Include demo.html · style.css · README.md in your folder
• Max 25 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! ⚡

[srushreddyseelam2452-droid]

Hi! I'd like to work on this issue under GSSoC 2026.
Could you please assign it to me?

[github-actions]

Hey @srushreddyseelam2452-droid! 👋 Thanks for your interest in contributing!

To keep our workflow organized, we use an automated assignment system. If you'd like to take this on, please use our bot command:

How to Claim an Issue

💬 Reply to this issue with exactly: /claim

📋 Things to Remember

• You can hold a maximum of 25 active assigned issues at a time.
• Make sure to read our CONTRIBUTING.md.

[srushreddyseelam2452-droid]

/claim

[github-actions]

🎉 Assigned! Welcome aboard, @srushreddyseelam2452-droid! 🌟

⏳ Timeframe: You have 1 day (24 hours) to submit a Pull Request before it becomes open for others to claim.

💡 Tip: Be sure to check out our CONTRIBUTING.md to get off to a great start.

Happy coding! 🚀✨