🐛 [Bug report]: Copy button causes layout shift and lacks clear copy feedback

[harishsehlangia]

Contributor Guidelines

• I have read the guidelines and discussion

Descrcibe the bug?

In the Password Generator play (plays/angryman18/password-generator), clicking the Copy button causes a slight layout shift because the button text changes from "Copy" to "Copied".

Additionally, after copying the password, there is no clear visual feedback on the password input itself, which makes it unclear whether the copy action was successful.

Steps to reproduce the bug?

1. Go to the Password Generator play.
2. Generate a password.
3. Click on the Copy button.
4. Observe that the button and input container slightly resize.
5. Notice there is no visual feedback on the password input confirming the copy action.

Expected behavior

• Clicking the Copy button should not cause any layout shift.
• The password input should provide clear visual confirmation after the password is copied.
• The copy button should temporarily indicate the copied state without affecting the layout.

Desktop (Please provide your system information)

• OS: Windows 11
• Browser: Google Chrome
• Version: Latest

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

No response

Relevant log output

No response

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue
• I am a Hacktoberfest contributor

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[harishsehlangia]

@priyankarpal I’d like to work on this.
Please let me know if I can take this up and assign the issue to me.

[priyankarpal]

yup, ig it's not breaking anything.

[harishsehlangia]

Thanks for confirming! I’ll work on this and open a PR shortly.