vuetifyjs/vuetify

[Bug Report][3.6.4] clear-icon not animating when binding boolean value to :clearable prop

Open

#19778 opened on May 8, 2024

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VFieldP: lowT: bughelp wanted

Description

Environment

Vuetify Version: 3.6.4 Vue Version: 3.4.27 Browsers: Chrome 124.0.0.0 OS: Windows 10

Steps to reproduce

Create any VField add prop :clearable="someBoolean"

Expected Behavior

Clear icon should animation from the right as with static clearable="true"

Actual Behavior

Clear icon is not animating

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

This is a relatively small issue which is beginner friendly

Contributor guide