Needless UI dibangun di atas elemen native dan fitur platform web terbaru, seperti Popover API. Browser di bawah ini didukung mulai dari versi yang tercantum. Di versi yang lebih lama, menu, select, dan popover tidak bisa dibuka.
Browser yang didukung
| Browser | Mulai versi | Diperlukan untuk |
|---|---|---|
| Chrome dan Edge, di komputer dan Android | 120 | Ikon yang digambar dengan mask CSS, dan :dir() untuk teks kanan-ke-kiri |
| Firefox, di komputer dan Android | 125 | Popover API |
| Safari di Mac | 17 | Popover API |
| Semua browser di iPhone dan iPad | iOS 17 | Popover API |
| Browser Samsung Internet | 25 | Sama seperti Chrome |
Browser lain berbasis Chromium, seperti Opera dan Brave, mengikuti versi Chrome. Angular 22 sendiri membutuhkan Chrome, Edge, dan Firefox 119 serta Safari 17. Internet Explorer dan Edge lama, yang belum berbasis Chromium, tidak didukung.
Browser yang diuji
Pada setiap perubahan, pengujian setiap komponen dijalankan di engine Chrome, Firefox, dan Safari. Sebelum rilis, setiap halaman dokumentasi ini diperiksa di setiap engine, di komputer dan di ponsel dengan input sentuh: halaman harus bisa dimuat, setiap menu dan popup-nya harus bisa dibuka, tampilannya harus pas di layar, dan harus lolos pemeriksaan aksesibilitas.
| Engine | Versi | Diuji di |
|---|---|---|
| Chromium (engine Chrome dan Edge) | 153 | Komputer, dan ponsel Android dengan input sentuh |
| Firefox | 155 | Komputer, dan layar sentuh seukuran ponsel |
| WebKit (engine Safari) | 26.6 | Komputer, dan iPhone dengan input sentuh |
| Safari di iPhone | iOS 17.5 dan 18.6 | Simulator iPhone |
Versi di antara versi tertua yang didukung dan versi yang diuji tidak diuji satu per satu: versi-versi itu didukung karena memiliki semua fitur yang dibutuhkan komponen.
Tambahan di browser yang lebih baru
Beberapa detail memakai fitur yang hanya ada di browser yang lebih baru. Browser lain melewatinya, dan tidak ada yang rusak:
| Detail | Browser | Di browser lain |
|---|---|---|
| Popover, menu, dan dialog muncul dan menghilang dengan animasi | Chrome dan Edge, Firefox 129, Safari 17.5 | Langsung muncul dan menghilang |
Sudut squircle (corner-shape) | Chrome dan Edge 139 | Sudut membulat |
| Mengambil warna dari bagian mana pun di layar | Chrome dan Edge di komputer | Tanpa tombol pipet warna |
| Memilih seluruh folder di area unggah | Browser di komputer | Hanya file |
| Cincin pada kontrol rotasi carousel terisi dengan mulus | Chrome dan Edge, Firefox 128, Safari | Langsung terisi penuh |
Ponsel dan layar sentuh
Setiap komponen bisa dipakai dengan sentuhan. Handle pemisah panel, area warna, tepi kolom, dan toast mengikuti jari tanpa menggulir halaman, carousel digeser dengan pengguliran bawaan browser, dan tekan lama pada acara di penjadwal akan mengangkatnya untuk dipindahkan. Di layar sentuh, teks di kolom input berukuran minimal 16px, sehingga iPhone tidak memperbesar tampilan saat kolom itu diisi, dan kata yang disusun keyboard selama mengetik, seperti pada keyboard Android, diterima secara utuh.
Layar sentuh tidak mengenal hover, jadi hovercard hanya melengkapi apa yang sudah ada di halaman: jangan taruh hal penting apa pun di dalamnya. Di ponsel, tombol Return di chat membuat baris baru, sedangkan pesan dikirim dengan tombol kirim.
Keyboard di Safari
Secara default, tombol Tab di Safari hanya berpindah di antara kolom teks dan menu pop-up. Untuk menjangkau setiap tombol dan tautan, nyalakan “Tekan Tab untuk menyorot tiap item pada halaman web” di pengaturan Lanjutan Safari, atau tekan Option-Tab. Safari juga tidak memfokuskan tombol saat tombol itu diklik; komponen menutupi kekurangan ini, sehingga navigasi keyboard tetap berlanjut setelah klik seperti di browser lain.