vuetifyjs/vuetify

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

Open

#19.778 aberto em 8 de mai. de 2024

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (7.139 forks)batch import
C: VFieldP: lowT: bughelp wanted

Métricas do repositório

Stars
 (40.995 stars)
Métricas de merge de PR
 (Mesclagem média 59d 10h) (8 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Inspecione a lógica clearable do componente VField para entender por que a vinculação booleana dinâmica pula a animação; compare os casos estático e dinâmico no template.
Pilha de tecnologia
typescriptvue
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Vue
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80