Dalam publikasi tertanggal 29 Mei 2026, web.dev mengulas sejumlah fitur baru yang hadir pada peramban web versi stabil dan beta sepanjang Mei 2026. Versi stabil yang dirilis pada bulan tersebut mencakup Chrome 148, Firefox 151, dan Safari 26.5. Berbagai rilis ini menghadirkan kemampuan baru ke platform web sekaligus memperluas dukungan lintas peramban untuk beberapa fitur Baseline Newly available.

Pembaruan Fitur pada Safari 26.5

Safari 26.5 sebagian besar berisi perbaikan untuk fitur yang sudah ada, namun juga menyertakan dukungan untuk pseudo-class :open yang kini berstatus Baseline Newly available. Pseudo-class :open digunakan untuk menata elemen yang memiliki status terbuka dan tertutup saat elemen tersebut sedang terbuka. Penerapannya mencakup elemen details dan dialog saat terbuka, serta elemen select dan input seperti pemilih warna atau tanggal saat antarmuka pemilihnya tampil. Fitur ini menjadi alternatif semantik terhadap penataan berbasis atribut seperti details[open].

Dukungan Kueri Kontainer pada Chrome 148

Melalui peluncuran Chrome 148, kueri kontainer berbasis nama saja atau name-only container queries kini berstatus Baseline Newly available. Sebelumnya, penulisan kueri kontainer mewajibkan penetapan kondisi kueri ukuran atau gaya bersama nama kontainer, serta penetapan tipe kontainer melalui properti container-type. Kini, pengembang dapat mengueri keberadaan kontainer bernama hanya dengan namanya tanpa kondisi tambahan, dan tidak perlu lagi menyetel container-type pada elemen leluhur jika hanya mengueri berdasarkan nama.

#container {
  container-name: --sidebar;
}

@container --sidebar {
  .content {
    padding: 2rem;
  }
}

Peningkatan Kueri Gaya Kontainer di Firefox 151

Firefox 151 memperkenalkan dukungan untuk kueri style() pada aturan @container, menjadikan container style queries untuk custom properties berstatus Baseline Newly available. Kueri gaya kontainer memungkinkan penerapan gaya pada elemen berdasarkan properti CSS kontainer induk. Fitur ini memungkinkan pemeriksaan fitur non-ukuran, dan rilis ini menghadirkan dukungan lintas peramban untuk mengueri custom properties, misalnya memeriksa apakah custom property --theme bernilai dark pada kontainer induk.

@container style(--theme: dark) {
  .card {
    background-color: #1a1a1a;
    color: #fff;
  }
}

Chrome 148 menambahkan pemuatan malas native untuk elemen video dan audio melalui atribut loading="lazy". Mengikuti mekanisme pada elemen img dan iframe, instruksi ini meminta peramban menunda pemuatan sumber daya media hingga mendekati viewport. Penerbit mencatat bahwa fitur ini membantu kinerja pemuatan halaman, menghemat bandwidth, serta mengurangi penggunaan data pengguna, dengan rujukan teknis lebih lanjut pada artikel How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today dari tim implementasi.

Dukungan Document Picture-in-Picture dan Web Serial API

Firefox 151 menghadirkan dukungan Document Picture-in-Picture API pada platform desktop. Berbeda dari Picture-in-Picture API standar yang menampilkan elemen video pada jendela tersendiri di lapisan teratas, Document Picture-in-Picture API memungkinkan pembukaan jendela selalu di atas yang memuat konten HTML arbitrer. Hal ini mendukung kebutuhan overlay interaktif seperti kisi peserta konferensi video, pemantau saham interaktif, atau penghitung waktu yang tetap aktif saat berpindah halaman.

Terkait Web Serial API, Firefox 151 menambahkan dukungannya pada desktop sementara Chrome 148 menghadirkannya pada Android. Web Serial API menyediakan akses bagi situs web untuk membaca dan menulis data ke perangkat serial, seperti mikrokontroler, pencetak 3D, development board, serta periferal perangkat keras. Pada Firefox, pengoperasian Web Serial API mewajibkan pengguna memasang add-on izin situs sintetis untuk mengelola akses secara terkendali.

Pratinjau Fitur pada Chrome 149 dan Firefox 152 Beta

Peramban versi beta memberikan akses pratinjau fitur sebelum versi stabil berikutnya dirilis. Penerbit saat itu menyatakan fase beta merupakan kesempatan untuk menguji fitur baru maupun penghapusan fitur yang berpotensi memengaruhi situs web. Versi beta baru pada Mei 2026 meliputi Chrome 149 dan Firefox 152, tanpa adanya rilis beta untuk Safari.

Chrome 149 beta menyertakan CSS gap decorations untuk menata celah antarelemen flex dan grid. Versi ini juga mendukung fungsi bentuk dasar path(), shape(), rect(), dan xywh() pada properti shape-outside, serta properti path-length. Pada sisi API, metode pengguliran scrollTo(), scrollBy(), dan scrollIntoView() kini mengembalikan Promise yang selesai saat smooth scrolling tuntas, dan halaman dengan koneksi WebSocket aktif memenuhi syarat untuk masuk ke BFCache.

Firefox 152 beta menyertakan dukungan penuh untuk properti field-sizing, yang memungkinkan kontrol formulir menyesuaikan ukurannya secara otomatis sesuai isi konten. Rilis beta tersebut juga menambahkan properti actions dan maxActions pada antarmuka Notification, serta opsi options.pseudoElement pada Element.getAnimations().

Diadaptasi dan diterjemahkan ke Bahasa Indonesia dari New to the web platform in May, karya Rachel Andrew (web.dev / Google), diterbitkan pada 2026-05-29, berlisensi CC BY 4.0. Adaptasi prosa ini menggunakan lisensi yang sama.

Contoh kode sumber dipertahankan tanpa perubahan dan berlisensi Apache License 2.0; salinan lengkap lisensi kode.