-
Notifications
You must be signed in to change notification settings - Fork 889
[BUG] Copy button remains in "Copied!" state after page refresh #37361
Copy link
Copy link
Closed
Labels
ECSoC26GSSoC-26Official GSSoC 2026 issueOfficial GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsAnimation effects, hover interactions, motion ideas, transitionsbugSomething isn't workingSomething isn't workinggood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededlevel:intermediateRequires moderate project understandingRequires moderate project understanding
Description
Metadata
Metadata
Assignees
Labels
ECSoC26GSSoC-26Official GSSoC 2026 issueOfficial GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsAnimation effects, hover interactions, motion ideas, transitionsbugSomething isn't workingSomething isn't workinggood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededlevel:intermediateRequires moderate project understandingRequires moderate project understanding
🐛 What's broken?
The Copy button in the Animation Builder remains in the "Copied!" state even after refreshing the page. The copied status should be reset when the page reloads.
📋 Steps to Reproduce
✅ Expected Behavior
After a page refresh, the button should return to its default state (e.g., "Copy"), since the copied action is only relevant to the current session.
❌ Actual Behavior
The button still displays "Copied!" after the page reloads, giving the impression that the copy action has just occurred.
🔗 Reproduction
Copy
//js
copyBtn.addEventListener("click", async () => {
try {
await navigator.clipboard.writeText(generatedCodeEl.textContent);
} catch (error) {
console.error("Failed to copy:", error);
}
});
🌍 Environment
OS: Windows 11
Browser: Google Chrome
Issue observed on the Animation Builder page
📸 Screenshot (optional)