shoelace-style/webawesome

`<wa-color-picker>` draws swatches too big when only a few are present

Open

#2571 aperta il 30 giu 2026

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (157 fork)github user discovery
buggood first issuehelp wanted

Metriche repository

Star
 (1104 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Repro:

<wa-color-picker label="Select a color" swatches="red; green; blue;"></wa-color-picker>

Result:

Expected behavior: swatches should be the same size as shown when the row is full, even when there is only one.

Guida contributor

Direzione di ricerca
Esamina il layout CSS grid o flexbox per la sezione dei campioni di colore nel componente color picker. Assicurati che la dimensione dei campioni sia fissa o che utilizzi una griglia coerente in cui ogni campione occupi lo stesso spazio indipendentemente dal numero. Controlla gli stili e il template del componente per eventuali logiche di ridimensionamento dinamico.
Tech stack
typescripthtmlcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSweb components
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80