Feature(VTextField) Remove overlay for clearable- button, if field is not active
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Problem to solve
If a textfiield is clearable, but not focused, the overlay for this component is still there are need space
https://play.vuetifyjs.com/#eNq9UDFuwzAM/AqhJQkQ1UMzGY6B7vlB3YGxGEQAbQsS7RoI/PfaUt1k6BYgGiTxjnc88POmgq+zD+fehp5UrgqhxjEKlVULUAzaU3BdG+xAUDOGcKxUM2rspasUNDjqb2vkOqPvh0OloirqhEbRF0tsEgQw6KYzxIvB8lZqJa7WkDYkaHmxT94ryXiOmhMGgRYbulM1E3o8MyWgLLLHsS+M8t/kBbrvboaK7GG1cxlqb53EXhpd5wUMXbBngVtyNSiYw3YHxxK2vxhADJyvFcDmRHNmXz95NvtkOe3iZ1ry/iVU077tmeP19QMxcLbe
Proposed solution
The overlay should only be there if the field has the focus and the icon is displayed
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the behavior in the linked Vuetify playground using VTextField with a clearable button. Then trace the VTextField implementation and its overlay handling. Done means the overlay is present when the field is focused and the icon is displayed, but does not reserve space when the field is inactive.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100