react-component / react-component/select
Popup alignment is broken, when dropdownMatchSelectWidth is set to false
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 938
- Fork
- 482
- Merge medio
- 15h 8m
- PR unite (30g)
- 2
Descrizione
Type of issue: Bug
Minimal reproducible example and workaround:
https://codesandbox.io/s/aged-shadow-3stt5?file=/src/App.js
Here you can see in the code, that the alignment is disabled both, for the "true" and "false" values. But should only be for the "true" value (when dropdown width is exactly the same as the trigger width)
Without workaround
With workaround
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia con src/SelectTrigger.tsx, nella logica di allineamento collegata nell’issue, quindi riproduci il comportamento usando l’esempio CodeSandbox fornito. Verifica che dropdownMatchSelectWidth=false mantenga l’allineamento del popup, mentre true mantenga la larghezza del dropdown uguale a quella del trigger, e conferma che il workaround segnalato non sia più necessario.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 45/100