Dipublikasikan: 6 Mei 2026
Kecuali dinyatakan lain, perubahan berikut berlaku untuk rilis saluran beta Chrome terbaru untuk Android, ChromeOS, Linux, macOS, dan Windows. Pelajari lebih lanjut fitur yang tercantum di sini melalui link yang disediakan atau dari daftar di ChromeStatus.com. Chrome masih dalam versi beta pada 6 Mei 2026. Anda dapat mendownload versi terbaru di Google.com untuk desktop atau di Google Play Store di Android.
CSS dan UI
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 menyebabkan batas tidak ditetapkan ke currentColor secara default. Baik Firefox maupun Webkit tidak memiliki aturan warna batas gray ini dalam stylesheet UA mereka, sehingga menyebabkan masalah interoperabilitas.
Dukungan 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 shape-outside secara lebih fleksibel dan mendukung animasi.
Diperbarui 7 Juni 2026 untuk memperbaiki deskripsi yang sebelumnya merujuk pada penggunaan koordinat persegi panjang.
Dukungan rect() dan xywh() di shape-outside
Menambahkan dukungan untuk fungsi bentuk dasar rect() dan xywh() di 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.
Warna aksen sistem cakupan aplikasi web
Membatasi akses ke warna aksen sistem untuk kata kunci CSS dan accent-color: auto agar hanya berada dalam aplikasi web dan konteks profil awal.
Kata kunci CSS AccentColor dan AccentColorText menimbulkan vektor sidik jari yang signifikan saat mengekspos warna sistem pengguna secara luas di web. Oleh karena itu, kata kunci ini hanya tersedia dalam konteks aplikasi web yang diinstal. Kontrol formulir dengan accent-color: auto juga cocok dengan cakupan ini dengan peluncuran fitur ini. Hal ini memperkenalkan ekspektasi developer dan pengguna yang lebih konsisten untuk warna sistem dan selaras dengan batasan sidik jari untuk AccentColor[Text].
Memangkas teks yang meluap saat interaksi pengguna
Saat pengguna berinteraksi (mengedit atau navigasi tanda sisipan) dengan teks yang memiliki setelan text-overflow: ellipsis, teks akan beralih sementara dari elipsis ke klip sehingga pengguna dapat melihat dan berinteraksi dengan konten yang tersembunyi karena meluap. Fitur ini berlaku untuk semua elemen yang dapat diedit dan tidak dapat diedit. Untuk kontrol formulir (textarea, input), perilaku ini sudah didukung.
Dekorasi celah CSS
Dengan dekorasi ruang CSS, Anda dapat menata gaya ruang dalam tata letak penampung seperti petak dan flexbox, mirip dengan column-rule dalam tata letak multi-kolom. Fitur ini sangat diinginkan oleh developer web yang harus menggunakan solusi sementara untuk menata gaya ruang dalam tata letak petak dan flexbox saat ini.
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 menimbulkan blur pada gambar dalam prosesnya.
Batas lapisan atas pseudo-class tindakan pengguna
Fitur ini menampilkan perilaku yang dijelaskan dalam
spesifikasi Pemilih CSS Level 4,
yang menyatakan bahwa :hover, :active, dan :focus-within cocok dengan induk
elemen, tetapi hanya hingga elemen lapisan atas pertama dalam rantai induk.
Perubahan untuk Chromium menerapkan batasan ini untuk elemen lapisan atas.
Secara konkret, ini berarti bahwa dalam struktur berikut, jika pengguna mengarahkan kursor ke <button>,
maka class semu :hover akan cocok dengan <button> dan popover, tetapi
tidak akan cocok dengan elemen <main>.
<main>
<div popover>
<button></button>
</div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>
Alasan di balik perubahan ini adalah biasanya elemen lapisan atas dirender "di tempat lain", di lokasi yang terputus dari elemen induk secara visual. Jadi, biasanya tidak masuk akal untuk mengubah gaya elemen induk saat elemen lapisan atas diarahkan kursor atau diaktifkan, misalnya.
Implementasi pemilihan yang dapat disesuaikan yang dikirimkan di Chromium memiliki logika ini yang dikodekan secara permanen untuk kasus spesifik popover pemilihan ::picker(). Logika kasus khusus tersebut dihapus dan digantikan dengan perilaku yang lebih umum dengan fitur ini.
Dukungan path-length sebagai properti CSS
Perubahan ini memperkenalkan properti CSS baru, path-length, yang dipetakan ke atribut presentasi SVG pathLength yang ada. Atribut ini berlaku untuk elemen geometri SVG yang mendukung pathLength (termasuk <path>, <circle>, <rect>, <line>, <polyline>, <polygon>, dan <ellipse>).
Mengekspos pathLength sebagai properti CSS memungkinkan penulis menentukannya dalam
stylesheet, gaya inline, dan animasi, sehingga memungkinkan properti ini berpartisipasi dalam
pengaskadan, spesifisitas, transisi, dan animasi CSS normal. Properti ini memengaruhi
semua komputasi yang bergantung pada panjang jalur total, termasuk rendering
putus-putus goresan dan pemosisian teks di sepanjang <textPath>.
Deklarasi CSS menggantikan atribut presentasi yang mengikuti aturan prioritas CSS
standar. Nilai awal path-length adalah none, yang menunjukkan
tidak adanya panjang jalur yang disediakan penulis dan berbeda dari nilai
numerik eksplisit seperti 0.
Perilaku khusus atribut yang ada dipertahankan saat fitur dinonaktifkan.
Web API
Intl.Locale.prototype.variants
Tambahkan Intl.Locale.prototype.variants seperti yang dinyatakan dalam
proposal TC39 dan juga terima
"variants" dalam paket opsi di konstruktor Intl.Locale seperti dalam
pembaruan ID bahasa TC39. Perubahan pada ECMA402 digabungkan
dalam permintaan pull 960 dan kode pengujian di test262 digabungkan
dalam permintaan pull 4474
Janji scroll terprogram
Saat ini, developer web tidak memiliki cara untuk mengetahui kapan scroll halus terprogram telah selesai. Fitur ini memberikan solusi untuk masalah tersebut: membuat metode scroll terprogram menampilkan objek Promise yang diselesaikan saat scroll selesai dengan status gangguan.
Payment Request: mengizinkan pemroses pembayaran melaporkan kembali error internal
Memungkinkan pemroses pembayaran yang diakses dengan Payment Request API untuk menampilkan error yang berbeda untuk "dibatalkan pengguna" versus "error aplikasi pembayaran internal". Hal ini memungkinkan developer web membangun alur yang lebih baik bagi pengguna, misalnya dengan mencoba lagi atau kembali ke alur yang berbeda saat terjadi error aplikasi internal, sekaligus menghentikan alur dengan benar jika pengguna ingin membatalkan.
Web-based Payment Handler API dapat menunjukkan perbedaan ini berdasarkan error yang digunakan untuk menolak promise yang diteruskan ke PaymentRequestEvent.respondWith.
Jika promise ditolak dengan OperationError, maka "error aplikasi internal"
(OperationError) akan ditampilkan ke penjual menggunakan metode PaymentRequest.show(),
jika tidak, "pembatalan pengguna" (AbortError) akan ditampilkan.
Infrastruktur handler pembayaran aplikasi native juga diperbarui, tetapi berada di luar cakupan API web.
Mematuhi autocorrect="off" untuk keyboard sentuh Windows di TSF
Atribut autocorrect HTML memungkinkan penulis web mengontrol apakah koreksi otomatis harus diterapkan pada input pengguna dalam elemen yang dapat diedit, termasuk <input>, <textarea>, dan host contenteditable. Di Windows, keyboard sentuh mengabaikan atribut ini dan selalu mengoreksi otomatis kata. Misalnya,
mengetik "truf" yang diikuti dengan spasi dalam elemen dengan autocorrect="off" akan menghasilkan
"true ", bukan mempertahankan "truf ". Fitur ini membuat integrasi TSF Chrome mendeteksi dan mengembalikan koreksi otomatis keyboard sentuh saat elemen yang dapat diedit dan difokuskan memiliki setelan autocorrect="off".
Memutus koneksi WebSocket pada entri bfcache
Koneksi WebSocket aktif tidak lagi mencegah halaman masuk ke 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.
Atribut Request.isReloadNavigation
Menambahkan atribut boolean hanya baca isReloadNavigation ke antarmuka Permintaan Fetch API. Atribut ini menunjukkan apakah permintaan navigasi saat ini dimulai sebagai pemuatan ulang yang dipicu pengguna (misalnya, menggunakan tombol muat ulang, location.reload(), atau history.go(0)). Sinyal ini terutama diekspos pada objek Permintaan dalam FetchEvent Service Worker.
Menonaktifkan filter SVG pada plugin dan iframe lintas origin dan yang dibatasi
Peluncuran ini mencegah filter SVG diterapkan ke iframe lintas origin atau iframe yang dibatasi (misalnya, iframe sandbox) dan plugin yang disematkan (misalnya, PDF). Jika frame atau plugin akan digambar dengan efek filter SVG, pohon efek akan dilalui untuk menemukan ancestor tertinggi tanpa filter SVG, dan efek tersebut akan diterapkan sebagai gantinya.
Uji coba origin baru
Di Chrome 149, Anda dapat memilih untuk mengikuti uji coba origin baru berikut.
Kebijakan Izin: focus-without-user-activation
Memberi penyematan kontrol atas 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. Fokus yang dimulai pengguna seperti mengklik atau menekan tab tidak akan terpengaruh.
Kebijakan dapat ditetapkan menggunakan header respons HTTP Permissions-Policy atau atribut allow iframe. Delegasi fokus didukung: frame induk yang memiliki fokus dapat meneruskan fokus secara terprogram ke iframe turunan, meskipun jika kebijakan turunan ditolak, dan setelah frame memiliki fokus, frame tersebut dapat memindahkan fokus dalam subpohonnya sendiri.
Gamepad event-driven input API
Usulan ini memperluas Gamepad API dengan model baru berbasis peristiwa 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. Hal ini memungkinkan penanganan input yang lebih responsif, terutama dalam aplikasi yang sensitif terhadap latensi.
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. Hal ini memungkinkan metode diinstal pada rantai prototipe objek WebAssembly dan dipanggil langsung dari JavaScript menggunakan sintaksis panggilan metode normal. Prototipe dan metode dapat dikonfigurasi secara deklaratif menggunakan fungsi bawaan yang diimpor.