shoelace-style/webawesome

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

Open

#2 571 ouverte le 30 juin 2026

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (157 forks)github user discovery
buggood first issuehelp wanted

Métriques du dépôt

Stars
 (1 104 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

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.

Guide contributeur

Direction de recherche
Examinez la disposition CSS Grid ou Flexbox pour la section des échantillons de couleurs dans le composant de sélecteur de couleurs. Assurez vous que la taille des échantillons est fixe ou utilise une grille cohérente où chaque échantillon occupe le même espace, quel que soit le nombre. Vérifiez les styles et le modèle du composant pour toute logique de dimensionnement dynamique.
Stack technique
typescripthtmlcss
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.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSweb components
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80