Apple hat Safari 27.2 für iPhone, iPad, Mac und Vision Pro freigegeben. In der neuen Version heißt die CSS-Eigenschaft flow-tolerance für das Masonry-Layout Grid Lanes nach einem Beschluss der CSS-Arbeitsgruppe des W3C nun fit-tolerance. Installieren lässt sich der Browser kostenlos über das Softwareupdate, auch in Deutschland.
Was ändert sich bei Grid Lanes?
Grid Lanes ordnet Elemente wie Bildkacheln in Spalten an, die unten unterschiedlich lang auslaufen, so wie in vielen Fotogalerien und Pinnwänden. Safari unterstützt die Technik seit Version 26.4, die im März 2026 erschien. Mit fit-tolerance legst du fest, ab welchem Höhenunterschied der Browser zwei Spalten als gleich hoch behandelt. Liegen mehrere Spalten innerhalb dieser Spanne, setzt Safari das nächste Element in die erste davon. Voreingestellt ist 1em.
Der alte Name funktioniert in Safari 27.2 weiter, gilt aber als veraltet. Wie lange WebKit ihn noch annimmt, sagt das Team nicht. Chromium zieht nach: Die Entwickler haben die Umbenennung am 27. Oktober 2026 in den Code und in die Web Platform Tests übernommen, eine Testsammlung der großen Browserhersteller, ohne das Verhalten zu ändern. Mit welcher Chrome-Version die Änderung erscheint, steht noch nicht fest.
Einen Rat gibt WebKit gleich mit: Die meisten Websites sollten den Wert deutlich erhöhen. Aufeinanderfolgende Elemente landen dann in benachbarten Spalten, und bei der Bedienung mit der Tabulatortaste springt der Fokus nicht mehr quer über die Seite.
Was bringt ::field-content für Auswahllisten?
Seit Safari 27.0 lassen sich Auswahllisten mit appearance: base-select per CSS gestalten. Um den angezeigten Eintrag im geschlossenen Feld zu formatieren, brauchtest du bisher das HTML-Element selectedcontent im Button der Liste. Das neue Pseudo-Element ::field-content spricht den Text der gewählten Option direkt an, ohne zusätzliches HTML.
Auch die Standardgestaltung hat WebKit überarbeitet. Der Inhalt des Buttons sitzt zuverlässiger in der Mitte, und der Pfeil (::picker-icon) bleibt ohne selectedcontent sichtbar. Lange Einträge übernehmen text-overflow vom select-Element, und große Listen hält Safari über die Ausrichtung safe im sichtbaren Bereich des Bildschirms.
Außerdem enthält das Update 20 Fehlerkorrekturen, darunter drei bei der Barrierefreiheit und fünf bei Audio und Video. Die Viewport-Größen des iPhone Duo aus Safari 27.1 erklärt eine eigene Meldung.
Was das für dich bedeutet
Setzt deine Website schon Grid Lanes ein, such im Stylesheet nach flow-tolerance und ersetz den Namen durch fit-tolerance. Betroffene Stellen markieren auch die Webinformationen von Safari im Menü Entwickler. Probier danach gerne einen deutlich höheren Wert als 1em aus und geh mit der Tabulatortaste durch die Galerie, bis die Reihenfolge stimmt.
Für gestaltete Auswahllisten lohnt ein Test mit ::field-content in Safari 27.2. Browser, die das Pseudo-Element nicht kennen, ignorieren die ganze CSS-Regel mit diesem Selektor; die übrige Gestaltung der Liste bleibt erhalten. Wie das select-Element grundsätzlich aufgebaut ist, zeigt die Lektion Listen mit select aus dem Kurs zu Web-Formularen.
Das WebKit-Team hat die Neuerungen am 26. Oktober 2026 vorgestellt.
Quellen
