`responsive` doesn't work if a parent has padding and `min-width: min-content`
Aperta
Nessuno ha ancora preso questa issue.
bug
P2
- Lingua principale
- JavaScript
- Stelle
- 18.3k
- Fork
- 2k
- Merge medio
- 2g 12h
- PR unite (30g)
- 28
Descrizione
steps to reproduce:
- open this fiddle https://jsfiddle.net/rhdq9ynu/5/
- use ctrl+mousewheel to zoom out to 30%
- use ctrl+mousewheel to zoom back in to 100%
- notice that the plot now overflows its parent and the home icon in the top is no longer visible.
before
after
The key is this CSS:
#app {
padding: 0px 100px;
& > * {
min-width: min-content;
}
}
If you remove either the padding or the min-width everything works fine.
Both min-content and fit-content are buggy.
Guida per i contributori
Apri la guida per i contributori
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 il JSFiddle collegato e riproduci la sequenza di zoom con il padding e il CSS min-width mostrati. Non viene indicato alcun file del repository né alcun test; il lavoro è completato quando il grafico rimane all’interno del suo elemento padre e l’icona Home rimane visibile dopo essere tornati allo zoom del 100%, anche con min-content e fit-content.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- css, javascript
- Ambito
- data-visualization, frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100