Interop 2024: Mehr Funktionen für Baseline

Veröffentlicht: 22. Januar 2025

Interop 2024 neigt sich dem Ende zu. In diesem Beitrag blicken wir auf das bisher erfolgreichste Jahr des Projekts zurück. Am Ende hatten alle experimentellen Browser eine Punktzahl von 99, die stabilen Versionen lagen nicht weit dahinter. Aufgrund dieses Erfolgs sind einige Funktionen jetzt als Baseline Newly verfügbar.

Alle Browser mit einer Punktzahl von 99.
Interop 2024 Dashboard (Stand: 22. Januar 2025)

Weitere Funktionen für Baseline

Damit eine Funktion als „Neu verfügbar“ eingestuft werden kann, muss sie interoperabel sein. Es ist daher keine Überraschung, dass Interop 2024 dazu beigetragen hat, dass eine Reihe von Funktionen diese Grenze überschritten und in die Baseline 2024 aufgenommen wurden.

Registrierte benutzerdefinierte Eigenschaften

Die @property-Regel und die statische Methode CSS.registerProperty() sind seit Juli 2024 als Baseline verfügbar.

Die Property font-size-adjust

Die CSS-Property font-size-adjust behält die scheinbare Textgröße unabhängig von der verwendeten Schrift bei, indem Schriftarten in Bezug auf ein bestimmtes Maß wie die X-Höhe auf dieselbe Größe skaliert werden. So können Fallback-Schriftarten dieselbe Größe haben. Sie ist seit Juli 2024 als Baseline Newly verfügbar.

Die Methode requestVideoFrameCallback() für <video>

Die Methode requestVideoFrameCallback() für <video> plant eine Funktion, die mit dem nächsten Videoframe ausgeführt wird. Sie ähnelt requestAnimationFrame(), ist aber für Videos gedacht. Sie wurde im Oktober 2024 eingeführt.

Scrollleistenstil mit scrollbar-width und scrollbar-gutter

Mit der CSS-Eigenschaft scrollbar-width wird die Breite der Bildlaufleiste festgelegt und mit scrollbar-gutter wird Platz für die Bildlaufleiste reserviert, um unerwünschte Layoutänderungen zu verhindern, wenn die Bildlaufleiste erscheint und verschwindet. Sie wurden im Dezember 2024 als Baseline Newly verfügbar.

Die Property transition-behavior

Die CSS-Deklaration transition-behavior: allow-discrete ermöglicht Übergänge für Eigenschaften, deren Animationsverhalten diskret ist. Solche Properties können nicht interpoliert werden und wechseln nicht bei 50 % vom Startwert zum Endwert. Diese Property ist seit August 2024 als „Neu“ verfügbar.

text-wrap: balance

Mit der CSS-Property text-wrap wird festgelegt, wie Textzeilen bei Text, der den Container überläuft, umgebrochen werden. Es ist eine Abkürzung für text-wrap-style und text-wrap-mode. Mit dem Wert balance können Sie ausgewogene Anzeigentitel und andere kurze Textelemente erstellen. Die Property text-wrap ist seit März 2024 als „Baseline Newly“ verfügbar.

Pop-over

Mit Popover können Sie Overlays deklarativ mit HTML oder mit der Methode showPopover() erstellen. Es hat fast den Status „Neu verfügbar“ erreicht und wir dachten anfangs, dass es das tatsächlich getan hat. Aufgrund eines Problems mit der Safari-Implementierung hat es 2024 jedoch nicht ganz den Status „Neu verfügbar“ erreicht. Die gute Nachricht ist, dass das Problem in der aktuellen Safari-Betaversion 18.3 behoben wurde. Wir können also bald Popover als neue Standardeinstellung ankündigen.

Korrekturen an Baseline-Funktionen

In Interop 2024 gab es Funktionen, die bereits als Baseline Newly available eingestuft wurden. Es galt, einige kleine Unterschiede bei der Implementierung zu beheben. Das sind Dinge, auf die nur wenige Nutzer stoßen. Aber kleine Dinge können einen großen Unterschied machen, wenn Sie sie selbst erleben.

CSS-Verschachtelung

Durch das CSS-Verschachteln können kürzere Selektoren, eine bessere Lesbarkeit und mehr Modularität erreicht werden, indem Regeln in andere verschachtelt werden. Sie wurde im Dezember 2023 als Baseline Newly verfügbar gemacht und in Interop 2024 aufgenommen, um einige ausstehende Interoperabilitätsprobleme zu beheben.

Deklaratives Shadow-DOM

Mit dem shadowrootmode-Attribut auf <template> wird ein Schatten-Stamm ohne JavaScript erstellt. Es ist eine deklarative Alternative zur Methode „attachShadow()“.

Interop 2025 steht vor der Tür

Die Vorschläge für Interop 2025 werden derzeit fertiggestellt. Wir freuen uns darauf, diesen Erfolg auszubauen. Im Februar erfährst du, was genau dazugehört. Wenn Sie wissen möchten, welche neuen Funktionen in Baseline verfügbar sind, sehen Sie sich unsere Reihe Neu verfügbare Baseline-Funktionen hier auf web.dev an.