Chrome 149

Tanggal rilis stabil: 2 Juni 2026

Kecuali jika dinyatakan lain, perubahan berikut berlaku untuk rilis saluran stabil Chrome 149 untuk Android, ChromeOS, Linux, macOS, dan Windows.

CSS dan UI

Dekorasi jarak CSS

Dekorasi jarak CSS memungkinkan Anda menata gaya jarak dalam tata letak penampung seperti petak dan flexbox, mirip dengan column-rule dalam tata letak multi-kolom. Fitur ini sangat diminta oleh developer web yang harus menggunakan solusi sementara untuk menata gaya jarak dalam tata letak petak dan flexbox saat ini.

Fitur ini menghadirkan properti CSS baru seperti column-rule-inset, row-rule-inset, column-rule-visibility-items, dan row-rule-visibility-items, serta mendukung animasi lebar aturan, warna, dan inset.

Postingan blog dekorasi jarak CSS | Bug pelacakan #357648037 | Entri ChromeStatus.com | Spesifikasi

Memangkas overflow teks pada interaksi pengguna

Saat pengguna berinteraksi (misalnya, dengan mengedit atau menggunakan navigasi tanda sisipan) dengan teks yang memiliki text-overflow: ellipsis yang ditetapkan, teks akan beralih sementara dari elipsis ke klip. Hal ini memungkinkan pengguna melihat dan berinteraksi dengan konten overflow tersembunyi. Fitur ini berlaku untuk semua elemen yang dapat diedit dan tidak dapat diedit. Untuk kontrol formulir, seperti <textarea> dan <input>, perilaku ini sudah didukung.

Bug pelacakan #40731275 | Entri ChromeStatus.com | Spesifikasi

Menghapus aturan stylesheet UA warna batas eksplisit untuk tabel

Perubahan ini menghapus aturan CSS border-color: gray yang salah dari stylesheet UA untuk elemen <table>. Spesifikasi HTML tidak berisi aturan ini, dan mencegah batas menggunakan currentColor secara default. Baik Firefox maupun WebKit tidak memiliki aturan warna batas gray ini di stylesheet UA mereka, sehingga menyebabkan masalah interoperabilitas.

Bug pelacakan #494554835 | Entri ChromeStatus.com | Spesifikasi

Mendukung path() dan shape() di shape-outside

Menambahkan dukungan untuk fungsi bentuk path() dan shape() dalam properti CSS shape-outside. Fungsi ini memungkinkan developer menentukan bentuk pengecualian float dengan lebih fleksibel dan mendukung animasi.

Bug pelacakan #502328208 | Entri ChromeStatus.com | Spesifikasi

Mendukung rect() dan xywh() di shape-outside

Menambahkan dukungan untuk fungsi bentuk dasar rect() dan xywh() dalam properti CSS shape-outside. Fungsi ini memungkinkan developer menentukan bentuk pengecualian float menggunakan koordinat persegi panjang, sehingga menyelaraskan Chrome dengan Firefox dan Safari yang sudah mendukung fitur ini.

Bug pelacakan #490343453 | Entri ChromeStatus.com | Spesifikasi

Batas lapisan atas pseudo-class tindakan pengguna

Mengubah :hover, :active, dan :focus-within yang cocok pada induk elemen agar hanya cocok hingga elemen lapisan atas pertama dalam rantai induk. Karena elemen lapisan atas biasanya dirender terputus dari rantai induknya secara visual, tidak masuk akal untuk mengubah gaya induk saat elemen lapisan atas diarahkan kursor atau diaktifkan.

Bug pelacakan #407769114 | Entri ChromeStatus.com | Spesifikasi

Warna aksen sistem cakupan aplikasi web

Membatasi akses ke warna aksen sistem untuk kata kunci CSS (AccentColor dan AccentColorText) dan accent-color: auto agar hanya berada dalam konteks aplikasi web dan profil awal. Hal ini membatasi vektor sidik jari yang signifikan saat mengekspos warna sistem pengguna secara luas di web.

Bug pelacakan #481353056 | Entri ChromeStatus.com | Spesifikasi

image-rendering: crisp-edges

image-rendering: crisp-edges menunjukkan bahwa gambar harus diskalakan dengan cara yang mempertahankan kontras dan tepi, serta menghindari penghalusan warna atau membuat gambar menjadi buram dalam prosesnya.

Chrome, Firefox, dan Safari memperlakukan crisp-edges dan pixelated sebagai sinonim dan menerapkan keduanya menggunakan penskalaan tetangga terdekat.

Bug pelacakan #41073066 | Entri ChromeStatus.com | Spesifikasi

Mendukung 'path-length' sebagai properti CSS

Memperkenalkan properti CSS baru, path-length, yang dipetakan ke atribut presentasi pathLength SVG. Hal ini berlaku untuk elemen geometri SVG yang mendukung pathLength (termasuk <path>, <circle>, <rect>, <line>, <polyline>, <polygon>, dan <ellipse>), sehingga penulis dapat menentukannya dalam stylesheet, gaya inline, dan animasi.

Bug pelacakan #40670251 | Entri ChromeStatus.com | Spesifikasi

Web API

Intl.Locale.prototype.variants

Menambahkan Intl.Locale.prototype.variants seperti yang dinyatakan dalam spesifikasi ECMA-402, dan menerima variants dalam paket opsi di konstruktor Intl.Locale.

Entri ChromeStatus.com | Spesifikasi

Permintaan Pembayaran: Mengizinkan pengelola pembayaran melaporkan kembali error internal

Memungkinkan pengelola pembayaran yang diakses menggunakan Payment Request API menampilkan error yang berbeda untuk "pengguna membatalkan" (AbortError) versus "error aplikasi pembayaran internal" (OperationError). Hal ini memungkinkan developer mencoba lagi atau kembali ke alur yang berbeda saat terjadi error aplikasi internal, sekaligus berhenti dengan benar jika pengguna membatalkan.

Bug pelacakan #473478138 | Entri ChromeStatus.com | Spesifikasi

Mematuhi autocorrect="off" untuk keyboard sentuh Windows di TSF

Membuat integrasi TSF Chrome mendeteksi dan membatalkan koreksi otomatis keyboard sentuh di Windows saat elemen yang dapat diedit yang difokuskan memiliki autocorrect="off" yang ditetapkan.

Bug pelacakan #487613498 | Entri ChromeStatus.com | Spesifikasi

Pembacaan Format Papan Klip Selektif

Meningkatkan Asynchronous Clipboard API dengan menunda pengambilan data papan klip sebenarnya dari OS hingga aplikasi web memanggil getType(). Daripada mengambil semua format yang tersedia secara langsung pada waktu read(), browser kini menampilkan objek ClipboardItem dengan jenis MIME yang tersedia, tetapi tanpa data yang mendasarinya, sehingga mengurangi penggunaan CPU dan meningkatkan responsivitas.

Bug pelacakan #435051711 | Entri ChromeStatus.com | Spesifikasi

Jaringan dan konektivitas

Memutuskan sambungan WebSocket saat entri bfcache

Koneksi WebSocket aktif tidak lagi mencegah halaman memasuki Back/Forward Cache (bfcache). Dengan menutup koneksi pada entri bfcache, bukan menandai dokumen sebagai tidak memenuhi syarat, browser memungkinkan halaman dengan WebSocket aktif disimpan dan dipulihkan.

Bug pelacakan #467838624 | Entri ChromeStatus.com | Spesifikasi

Uji coba asal baru

Gamepad event-driven input API

Memperluas Gamepad API dengan model berbasis peristiwa baru yang memungkinkan aplikasi menerima input gamepad dengan latensi yang lebih rendah. Daripada mengandalkan polling yang sering menggunakan navigator.getGamepads(), developer kini dapat memproses peristiwa rawgamepadinputchange, yang diaktifkan setiap kali data input baru tersedia dari perangkat.

Uji Coba Asal | Bug pelacakan #40582297 | Entri ChromeStatus.com | Spesifikasi

Kebijakan Izin: focus-without-user-activation

Memungkinkan penyematan mengontrol fokus terprogram dari konten yang disematkan dengan kebijakan izin focus-without-user-activation. Jika kebijakan ditolak untuk frame, panggilan fokus terprogram (element.focus(), autofocus, window.focus(), dialog.showModal(), dan fokus popover) akan diblokir kecuali jika dipicu oleh aktivasi pengguna.

Uji Coba Asal | Bug pelacakan #40095111 | Entri ChromeStatus.com | Spesifikasi

Deskriptor kustom WebAssembly

Memungkinkan WebAssembly menyimpan data yang terkait dengan jenis tingkat sumber secara lebih efisien dalam objek "deskriptor kustom" baru. Deskriptor kustom ini dapat dikonfigurasi dengan prototipe untuk objek WebAssembly dari jenis tingkat sumber tersebut, yang memungkinkan metode diinstal pada rantai prototipe objek WebAssembly dan dipanggil langsung dari JavaScript menggunakan sintaksis panggilan metode normal.

Uji Coba Asal | Bug pelacakan #403372470 | Entri ChromeStatus.com | Spesifikasi