`responsive` doesn't work if a parent has padding and `min-width: min-content`
Offen
Dieses Issue hat noch niemand übernommen.
bug
P2
- Vorherrschende Sprache
- JavaScript
- Sterne
- 18.3k
- Forks
- 2k
- Ø Merge
- 2 T. 12 Std.
- Gemergte PRs (30 T.)
- 28
Beschreibung
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.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit dem verlinkten JSFiddle und reproduziere die Zoom-Sequenz mit dem gezeigten Padding und min-width-CSS. Es wird keine Repository-Datei oder kein Test genannt; als erledigt gilt die Aufgabe, wenn der Plot innerhalb seines übergeordneten Elements bleibt und das Home-Symbol nach dem Zurückzoomen auf 100 % sichtbar bleibt, auch mit min-content und fit-content.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css, javascript
- Bereich
- data-visualization, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100