Anurag gaiwal

[Anurag-Gaiwal]

Related Issue

None

Description

This pull request addresses the bug where the placeholder label inside the input field overlaps with the entered text. I implemented a floating label approach to ensure the label moves above the input field when focused or when a value is entered. This change improves user experience and resolves the visual clutter caused by overlapping text.

Type of PR

• [X] Bug fix
• [ ] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Screenshots / Videos (if applicable)

Before

After

Checklist:

• [X] I have performed a self-review of my code.
• [X] I have read and followed the Contribution Guidelines.
• [X] I have tested the changes thoroughly before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have commented my code, particularly in hard-to-understand areas.

Additional Context:

This fix also enhances the overall aesthetic of the form by adding an underline animation that triggers when the input is focused. It ensures consistency with modern UI patterns and enhances accessibility.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flipkart-clone	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 1:40pm