Chrome 149

Datum der stabilen Version:2. Juni 2026

Sofern nicht anders angegeben, gelten die folgenden Änderungen für die stabile Version von Chrome 149 für Android, ChromeOS, Linux, macOS und Windows.

CSS und Benutzeroberfläche

CSS-Lückendekorationen

Mit CSS-Lückendekorationen können Sie Lücken in Containerlayouts wie Grid und Flexbox ähnlich wie column-rule in einem mehrspaltigen Layout gestalten. Diese Funktion wird von Webentwicklern sehr häufig gewünscht, da sie derzeit Hacks verwenden müssen, um die Lücken in Grid- und Flexbox-Layouts zu gestalten.

Es bietet neue CSS-Properties wie column-rule-inset, row-rule-inset, column-rule-visibility-items und row-rule-visibility-items und unterstützt die Animation von Linienbreite, Farbe und Insets.

Blogpost zu CSS-Lückenverzierungen | Tracking-Fehler 357648037 | ChromeStatus.com-Eintrag | Spezifikation

Textüberlauf bei Nutzerinteraktion abschneiden

Wenn ein Nutzer mit Text interagiert, für den text-overflow: ellipsis festgelegt ist (z. B. durch Bearbeiten oder mithilfe der Einfügemarke), wird der Text vorübergehend von Auslassungspunkten auf Abschneiden umgestellt. So kann der Nutzer den verborgenen Überlaufinhalt sehen und mit ihm interagieren. Diese Funktion gilt für alle bearbeitbaren und nicht bearbeitbaren Elemente. Für Formularsteuerelemente wie <textarea> und <input> wird dieses Verhalten bereits unterstützt.

Tracking-Fehler #40731275 | ChromeStatus.com-Eintrag | Spezifikation

Entfernen der expliziten UA-Stylesheet-Regel für die Rahmenfarbe von Tabellen

Durch diese Änderung wird die fehlerhafte CSS-Regel border-color: gray aus dem UA-Stylesheet für das Element <table> entfernt. Diese Regel ist nicht in der HTML-Spezifikation enthalten und hat verhindert, dass für Rahmen standardmäßig currentColor festgelegt wurde. Weder Firefox noch WebKit haben diese gray-Regel für die Rahmenfarbe in ihrem UA-Stylesheet, was zu Interoperabilitätsproblemen führt.

Tracking bug #494554835 | ChromeStatus.com entry | Spec

Unterstützung für path() und shape() in shape-outside

Unterstützung für die Formfunktionen path() und shape() in der CSS-Eigenschaft shape-outside wird hinzugefügt. Mit diesen Funktionen können Entwickler Formen für den Ausschluss von Floats flexibler definieren und Animationen unterstützen.

Tracking-Fehler 502328208 | ChromeStatus.com-Eintrag | Spezifikation

Unterstützung für rect() und xywh() in shape-outside

Unterstützung für die Funktionen für die grundlegenden Formen rect() und xywh() in der CSS-Eigenschaft shape-outside hinzugefügt. Mit diesen Funktionen können Entwickler Formen für den Ausschluss von Floats mithilfe von Rechteckkoordinaten definieren. Damit wird Chrome an Firefox und Safari angeglichen, die diese Funktion bereits unterstützen.

Tracking-Fehler 490343453 | ChromeStatus.com-Eintrag | Spezifikation

Obergrenze der Pseudoklasse für Nutzeraktionen

Änderungen bei :hover, :active und :focus-within, die mit übergeordneten Elementen von Elementen übereinstimmen, sodass nur bis zum ersten Element der obersten Ebene in der übergeordneten Kette abgeglichen wird. Da Elemente der obersten Ebene in der Regel visuell von ihrer übergeordneten Kette getrennt gerendert werden, ist es nicht sinnvoll, übergeordnete Stile zu ändern, wenn der Mauszeiger auf ein Element der obersten Ebene bewegt oder es aktiviert wird.

Tracking-Fehler 407769114 | ChromeStatus.com-Eintrag | Spezifikation

Systemakzentfarbe für Web-App-Bereich

Beschränkt den Zugriff auf die Systemakzentfarbe für CSS-Schlüsselwörter (AccentColor und AccentColorText) und accent-color: auto auf eine Web-App und den Kontext des ursprünglichen Profils. Dadurch wird ein wichtiger Fingerprinting-Vektor eingeschränkt, wenn die Systemfarben des Nutzers im Web weitgehend verfügbar sind.

Tracking bug #481353056 | ChromeStatus.com entry | Spec

image-rendering: crisp-edges

image-rendering: crisp-edges gibt an, dass das Bild so skaliert werden soll, dass Kontrast und Kanten erhalten bleiben und Farben nicht geglättet oder Unschärfe eingeführt wird.

In Chrome, Firefox und Safari werden crisp-edges und pixelated als Synonyme behandelt und beide werden mit der Nearest-Neighbor-Skalierung implementiert.

Tracking-Fehler 41073066 | ChromeStatus.com-Eintrag | Spezifikation

Unterstützung von „path-length“ als CSS-Property

Es wird eine neue CSS-Property eingeführt: path-length. Sie wird dem SVG-Präsentationsattribut pathLength zugeordnet. Dies gilt für SVG-Geometrie-Elemente, die pathLength unterstützen (einschließlich <path>, <circle>, <rect>, <line>, <polyline>, <polygon> und <ellipse>). So können Autoren sie in Stylesheets, Inline-Stilen und Animationen angeben.

Tracking-Fehler 40670251 | ChromeStatus.com-Eintrag | Spezifikation

Web APIs

Intl.Locale.prototype.variants

Fügt Intl.Locale.prototype.variants gemäß der ECMA-402-Spezifikation hinzu und akzeptiert variants im Options-Bag im Intl.Locale-Konstruktor.

ChromeStatus.com-Eintrag | Spezifikation

Zahlungsanfrage: Zahlungs-Handler dürfen interne Fehler melden

Zahlungsabwickler, auf die über die Payment Request API zugegriffen wird, können unterschiedliche Fehler für „vom Nutzer abgebrochen“ (AbortError) und „interner Fehler der Zahlungs-App“ (OperationError) zurückgeben. So können Entwickler bei einem internen App-Fehler einen neuen Versuch starten oder auf einen anderen Ablauf zurückgreifen, während sie bei einem Abbruch durch den Nutzer ordnungsgemäß beendet werden.

Tracking-Fehler 473478138 | ChromeStatus.com-Eintrag | Spezifikation

autocorrect="off" für Windows-Touchtastatur in TSF berücksichtigen

Durch diese Änderung werden Autokorrekturen der Touch-Tastatur in Windows erkannt und rückgängig gemacht, wenn das fokussierte bearbeitbare Element autocorrect="off" hat.

Tracking bug #487613498 | ChromeStatus.com entry | Spec

Selektives Lesen des Zwischenablageformats

Erweitert die Asynchronous Clipboard API, indem der tatsächliche Abruf von Zwischenablagedaten vom Betriebssystem aufgeschoben wird, bis die Webanwendung getType() aufruft. Anstatt alle verfügbaren Formate sofort zum Zeitpunkt read() abzurufen, gibt der Browser jetzt ClipboardItem-Objekte mit verfügbaren MIME-Typen, aber ohne die zugrunde liegenden Daten zurück. Dadurch wird die CPU-Auslastung reduziert und die Reaktionsfähigkeit verbessert.

Tracking-Fehler 435051711 | ChromeStatus.com-Eintrag | Spezifikation

Netzwerk und Verbindung

WebSockets bei bfcache-Eintrag trennen

Aktive WebSocket-Verbindungen verhindern nicht mehr, dass eine Seite in den Back/Forward-Cache (bfcache) aufgenommen wird. Wenn Verbindungen beim bfcache-Eintrag geschlossen werden, anstatt das Dokument als nicht geeignet zu kennzeichnen, kann der Browser Seiten mit aktiven WebSockets speichern und wiederherstellen.

Tracking-Fehler #467838624 | ChromeStatus.com-Eintrag | Spezifikation

Neue Ursprungstests

Gamepad-Eingabe-API für ereignisgesteuerte Eingaben

Erweitert die Gamepad API um ein neues ereignisgesteuertes Modell, mit dem Anwendungen Gamepad-Eingaben mit geringerer Latenz empfangen können. Anstatt auf häufiges Polling mit navigator.getGamepads() angewiesen zu sein, können Entwickler jetzt auf ein rawgamepadinputchange-Ereignis warten, das ausgelöst wird, sobald neue Eingabedaten vom Gerät verfügbar sind.

Origin Trial | Tracking bug #40582297 | ChromeStatus.com-Eintrag | Spezifikation

Richtlinie für Berechtigungen: focus-without-user-activation

Mit der Berechtigungsrichtlinie focus-without-user-activation können Einbettende den programmatischen Fokus von eingebetteten Inhalten aus steuern. Wenn die Richtlinie für einen Frame abgelehnt wird, werden programmatische Fokusaufrufe (element.focus(), autofocus, window.focus(), dialog.showModal() und Popover-Fokus) blockiert, sofern sie nicht durch eine Nutzeraktivierung ausgelöst werden.

Origin Trial | Tracking bug #40095111 | ChromeStatus.com entry | Spec

Benutzerdefinierte WebAssembly-Deskriptoren

WebAssembly kann Daten, die mit Typen auf Quellebene verknüpft sind, effizienter in neuen „benutzerdefinierten Deskriptor“-Objekten speichern. Diese benutzerdefinierten Deskriptoren können mit Prototypen für die WebAssembly-Objekte dieses Typs auf Quellebene konfiguriert werden. So können Methoden in der Prototypkette eines WebAssembly-Objekts installiert und direkt aus JavaScript mit der normalen Methodenanrufsyntax aufgerufen werden.

Origin Trial | Tracking-Fehler 403372470 | ChromeStatus.com-Eintrag | Spezifikation