vuetifyjs/vuetify

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

Open

#19 778 ouverte le 8 mai 2024

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (7 139 forks)batch import
C: VFieldP: lowT: bughelp wanted

Métriques du dépôt

Stars
 (40 995 stars)
Métriques de merge PR
 (Merge moyen 59j 10h) (8 PRs mergées en 30 j)

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

Guide contributeur

Direction de recherche
Inspectez la logique clearable du composant VField pour comprendre pourquoi la liaison dynamique de booléens ignore l'animation ; comparez les cas statiques et dynamiques dans le modèle.
Stack technique
typescriptvue
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Vue
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80