Juhu, es ist da! Safari 14.1 fügt angeblich Unterstützung für die gap-Eigenschaft in Flexbox-Layouts hinzu. Wir hatten schon länger Unterstützung für grid-gap, aber getreu seinem Namen ist dies auf Grid-Layouts beschränkt. Jetzt können wir gap in beiden Layouttypen verwenden.
.container {
display: flex;
flex-flow: row wrap;
gap: 1.5rem;
}Apple war mit dem Update eher still. Ich habe erst davon erfahren, als Eric Meyer es in einer E-Mail ansprach, und er hörte es nur, als Jen Simmons es tweetete.
Ich habe den WebKit CSS Feature Status überprüft und siehe da, es wird unterstützt. Es wurde nur nicht in den Release Notes erwähnt. Noch ist nichts im Archiv der Safari Release Notes veröffentlicht, vielleicht hören wir also irgendwann offiziell davon. Vorerst scheint Maximiliano Firtmans Übersicht über iOS 14.5 der tiefste Einblick in das, was neu ist zu sein.
Und wie passend, dass Eric kürzlich behandelt hat, wie die gap-Eigenschaft verwendet wird, nicht nur in Grid- und Flexbox-Layouts, sondern auch in Mehrspalten-Layouts.
Warnung
Apple hat das Safari 14.1 Update für Mojave und Catalina zurückgezogen: https://eclecticlight.co/2021/04/30/apple-has-pulled-safari-14-1-update-for-mojave-and-catalina/
Oh je! Danke für den Hinweis.
Das ist eine so praktische Funktion. Aber wie wäre es mit horizontal-gap und vertical-gap, war das nicht besser? Andererseits der zweite Parameter?
Grid unterstützt das glaube ich immer noch? Nein? Flexbox ist nur unidirektional, daher macht es wohl Sinn, dass es das nicht tut, obwohl ich mir eine Welt vorstellen könnte, in der der zweite Parameter der Abstand zwischen den Zeilen ist, wenn Flexbox umbricht.
Endlich! Sie haben auch Unterstützung für
<input type="date/time/datetime">eingeführt, glaube ich. Vielleicht halten sie es geheim, weil sie sich schämen, wie lange sie dafür gebraucht haben.Safari ist das neue IE.
Ich fange an zu verstehen, warum es für Jen Simmons wahrscheinlich sehr wichtig war, von Mozilla zu Safari zu wechseln, aber wenn sie es bei Apple auf Vordermann bringt, bin ich dafür.
Hier sind die Release Notes: https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/
Eine Sache, die dort fehlt, ist die korrekte Unterstützung von scroll-margin und scroll-padding – das Ende des negativen-margin + positiven-padding Hacks zum Scrollen zu einem Anker bei einer festen Navbar.
Endlich!!!
Okay, das sind gute Nachrichten, aber ich denke, wir werden das nicht ... mindestens zwei Jahre lang benutzen, wegen der Abwärtskompatibilität?
Gleichzeitig glücklich und traurig.
Ich warte so sehr auf Lazy Load. Jetzt ist es überall nativ, aber noch nicht in Safari.