Veröffentlicht am 26. Januar 2026
Wie erwartet war Dezember 2025 ein eher ruhiger Monat für Baseline, da die Entwickler-Community sich zum Jahresende eine wohlverdiente Auszeit gönnte. Im Vergleich zu anderen Monaten im Jahr 2025 wird es zwar nur ein kurzes Update geben, aber es gibt trotzdem viele Highlights.
Neu verfügbare grundlegende Funktionen
Die folgenden Funktionen sind seit Dezember 2025 als Baseline verfügbar. Daher werden alle diese Funktionen im Juli 2028 allgemein verfügbar sein.
document.caretPositionFromPoint()
document.caretPositionFromPoint() ist eine nützliche Methode, um den genauen Einfügepunkt (DOM-Knoten und ‑Offset) für bestimmte Viewport-Koordinaten zu ermitteln. Diese Methode reduziert die Unsicherheit, die oft mit der Suche nach der Position des Cursors im Dokument verbunden war.
Event Timing API
Die Event Timing API wird verwendet, um Interaktionen mit dem Dokument zu erkennen und die Latenz von Nutzerinteraktionen zu berechnen. Diese API wird verwendet, um den Core Web Vital-Messwert „Interaction to Next Paint (INP)“ zu berechnen. Da diese API jetzt als „Baseline Newly available“ eingestuft wird, kann der INP-Messwert in allen wichtigen Browsern berechnet werden. Wenn er schließlich „Baseline Widely available“ erreicht, kann dieser wichtige nutzerorientierte Messwert in noch mehr Browsern berechnet werden, die für Real User Monitoring (RUM) verwendet werden.
Largest Contentful Paint API
Largest Contentful Paint (LCP) ist ein Core Web Vitals-Messwert, der berechnet, wann der größte Inhalt im Dokument gerendert wird. Da die API für Largest Contentful Paint jetzt als „Baseline Newly available“ gilt und noch mehr Nutzer abdeckt, wenn sie als „Baseline Widely available“ gilt, kann dieser wichtige nutzerorientierte Messwert für die Datenerhebung berechnet werden, wie er von echten Nutzern wahrgenommen wird.
Preisvergleichsportal scrollbar-color
Bisher war es nicht möglich, Scrollbalken in allen Browsern einheitlich zu gestalten. Da die CSS-Eigenschaft scrollbar-color jetzt in Baseline verfügbar ist, haben Sie Zugriff auf eine bessere Methode zum Festlegen der Farbe der Scrollleiste des Dokuments.
scrollend Ereignis
Das scrollend-Ereignis bietet eine zuverlässige Möglichkeit, das Ende eines Scrollvorgangs zu erkennen, und ersetzt unsaubere setTimeout-Hacks. Die Einführung dieser Funktion als „Baseline Newly available“ bedeutet, dass Nutzer erkennen können, wann Scrollvorgänge abgeschlossen sind, ohne die Leistung und Lesbarkeit des Codes durch die Verwendung von setTimeout-Callbacks zu beeinträchtigen.
Preisvergleichsportal @scope
Mit der CSS-Regel @scope können Sie Elemente in Unterbäumen von Dokumenten einfacher ausrichten, sodass weniger komplexe Selektoren erforderlich sind. Da @scope jetzt als Baseline Newly Available verfügbar ist, haben Sie ein leistungsstarkes Tool zum Festlegen von Stilen.
Schriftfamilie für mathematische Formeln
Wenn Sie schon einmal mathematische Gleichungen auf einer Seite darstellen mussten, wissen Sie, dass solche Inhalte spezielle Rendering-Anforderungen haben. Da font-family: math jetzt als Baseline Newly Available gilt, sind keine Hacks mehr erforderlich, um mathematische Gleichungen darzustellen.
Aufrufbefehle
Invoker-Befehle sind nützlich, um <button>-Elementen auf einer Seite Verhaltensweisen zuzuweisen. Sie sind besonders nützlich, um die Verwendung von Dialogfeldern und Pop-overs zu steuern, und helfen Ihnen, viele der zugrunde liegenden Anforderungen für die Verwendung dieser APIs zu erfüllen, z. B. in Bezug auf die Barrierefreiheit. Wie das funktioniert, erfahren Sie im Beitrag <dialog> und popover: Baseline-UI-Muster mit Ebenen in unserer neuen Reihe Baseline in Aktion.
Grundlegende, weitgehend verfügbare Funktionen
Einige Funktionen sind seit Dezember 2025 als „Baseline Widely Available“ gekennzeichnet. Das bedeutet, dass sie in allen wichtigen Browsern als weitgehend nutzbar gelten.
calc() Keywords
Da calc() mathematische Operationen in CSS ausführt, wurde es wichtiger, Keywords für häufig verwendete mathematische Formeln einzuführen. Die Keywords e, pi, infinity und NaN stellen genau definierte Konstanten dar, die in CSS-Mathematikfunktionen in calc() akzeptiert werden.
JavaScript-Module in Workern
Webworker haben von vornherein einen eigenen Bereich und werden über den Worker()-Konstruktor instanziiert. Wenn Sie das { type: "module" }-Argument beim Starten eines Webworkers verwenden, können Sie ES-Module im Worker-Bereich nutzen und haben Zugriff auf import und export. Da diese Funktion jetzt „Baseline Widely available“ erreicht hat, können Sie sie in mehr Browsern verwenden.
window.print()
window.print() ist zwar eine etablierte Webfunktion, aber die browserübergreifende Baseline-Uhr für bestimmte moderne Implementierungen des Druckdialogfelds wurde diesen Monat fertiggestellt. Dadurch kann sie zuverlässiger in mehr verwendeten Browsern eingesetzt werden.
Das Schlusswort
Das Jahr 2025 ist vorbei und wir starten mit Baseline ins neue Jahr 2026. Teilen Sie uns wie gewohnt mit, wenn wir etwas im Zusammenhang mit Baseline übersehen haben. Wir werden dafür sorgen, dass es in einer zukünftigen Ausgabe berücksichtigt wird.