vuetifyjs/vuetify

[Bug Report][3.8.12] Global configuration - contextual defaults for nested components - (VSelect > VChip > clearable)

Open

Aperta il 4 lug 2025

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (40.995 star) (7139 fork)batch import
E: defaultsT: bughelp wanted

Descrizione

Environment

Vuetify Version: 3.8.12 Vue Version: 3.5.13 Browsers: Chrome 137.0.0.0 OS: Windows 10

Steps to reproduce

  1. In the createVuetify config, provide defaults properties (eg. prepend-icon, closable) for a nested component (eg. VChip), in the context of another component (eg. VSelect).
  2. Use overridden component (eg. VSelect) into templates.

Expected Behavior

All defaults properties for nested component should be taken into account. In the provided reproduction link the closable property is not taken into account, whereas the prepend-icon one is.

Actual Behavior

Only a part of defaults properties for nested component are taken into account.

Reproduction Link

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

Guida contributor

Tech stack
typescriptvue
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
Basic understanding of Vue component structureFamiliarity with Vuetify's global defaults configuration
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
30
Direzione di ricerca
Il bug è che quando si impostano i valori predefiniti in createVuetify per componenti annidati come VChip all'interno di VSelect, solo alcune proprietà (ad esempio, prepend icon) vengono applicate, ma non altre (ad esempio, closable). Indaga la logica di unione dei valori predefiniti di Vuetify nel codice sorgente, probabilmente nei file relativi ai valori predefiniti dei componenti (ad esempio, src/framework/src/util/defaults.ts). Controlla come i contesti dei componenti annidati (ad esempio, i figli di VSelect come VChip) recuperano e uniscono i valori predefiniti. Il link di riproduzione fornisce un esempio minimale che può essere eseguito in debug esaminando passo passo la risoluzione dei valori predefiniti durante la creazione del componente.