vuetifyjs/vuetify

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

Open

#19.778 geöffnet am 8. Mai 2024

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (7.139 Forks)batch import
C: VFieldP: lowT: bughelp wanted

Repository-Metriken

Stars
 (40.995 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 59T 10h) (8 gemergte PRs in 30 T)

Beschreibung

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

Research-Richtung
Untersuche die clearable Logik der VField Komponente, um zu verstehen, warum dynamisches boolesches Binden die Animation überspringt; vergleiche statische und dynamische Fälle im Template.
Tech Stack
typescriptvue
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Vue
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80