Gunnar Bittersmann: auto-fill/gap bug

Beitrag lesen

Grid, soviele Items mit Mindestbreite nebeneinander wie hinpassen, aber immer eine gerade Anzahl von Spalten, also:
grid-template-columns: repeat(auto-fit, minmax(4em, 1fr) minmax(4em, 1fr));

Geht in Firefox 58 und 59 noch gar nicht, aber das soll hier nicht das Thema sein. Sondern:

Sobald grid-gap im Spiel ist, schieben Safari und Chrome bei gewissen Viewportbreiten die Items nach rechts raus anstatt 2 Spalten weniger zu machen. ☞ Codepen

Screenshot

Der einzige, der’s richtig macht, ist – tadaa – Edge.

Hat jemand eine andere Erklärung dafür außer dass es sich um einen Bug in WebKit/Blink handelt?

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann