Needless UI dibangun ing elemen native lan fitur-fitur anyar platform web, kayata Popover API. Browser ing ngisor iki didhukung wiwit versi sing kacathet. Ing versi sing luwih lawas, menu, select lan popover ora bisa kabukak.
Browser sing didhukung
| Browser | Wiwit versi | Dibutuhake kanggo |
|---|---|---|
| Chrome lan Edge, ing komputer lan Android | 120 | Ikon sing digambar nganggo mask CSS, lan :dir() kanggo teks tengen-menyang-kiwa |
| Firefox, ing komputer lan Android | 125 | Popover API |
| Safari ing Mac | 17 | Popover API |
| Saben browser ing iPhone lan iPad | iOS 17 | Popover API |
| Browser Samsung Internet | 25 | Padha karo Chrome |
Browser liyane sing dibangun saka Chromium, kayata Opera lan Brave, ngetutake versi Chrome. Angular 22 dhewe mbutuhake Chrome, Edge lan Firefox 119, sarta Safari 17. Internet Explorer lan Edge lawas saka jaman sadurunge Chromium ora didhukung.
Browser sing dites
Saben owah-owahan nglakokake tes saben komponen ing mesin Chrome, Firefox lan Safari. Sadurunge saben rilis, saben kaca dokumentasi iki dipriksa ing saben mesin, ing komputer lan ing HP kanthi sentuhan: kaca kudu bisa mlaku, mbukak saben menu lan popup, pas ing layar lan lulus pamriksan aksesibilitas.
| Mesin | Versi | Dites ing |
|---|---|---|
| Chromium (dienggo Chrome lan Edge) | 153 | Komputer, lan HP Android kanthi sentuhan |
| Firefox | 155 | Komputer, lan layar sentuh saukuran HP |
| WebKit (dienggo Safari) | 26.6 | Komputer, lan iPhone kanthi sentuhan |
| Safari ing iPhone | iOS 17.5 lan 18.6 | Simulator iPhone |
Versi ing antarane versi paling lawas sing didhukung lan versi sing dites ora dites siji-siji: versi-versi kasebut didhukung amarga nduweni kabeh fitur sing dibutuhake komponen.
Tambahan ing browser anyar
Sawetara detail nganggo fitur sing mung ana ing browser anyar. Browser liyane ora nganggo detail kasebut, lan ora ana sing rusak:
| Detail | Browser | Browser liyane |
|---|---|---|
| Popover, menu lan dialog mlebu lan metu kanthi animasi | Chrome lan Edge, Firefox 129, Safari 17.5 | Langsung katon lan langsung ilang |
Pojok squircle (corner-shape) | Chrome lan Edge 139 | Pojok bunder |
| Njupuk werna saka ngendi wae ing layar | Chrome lan Edge ing komputer | Ora ana tombol pipet |
| Milih folder sakabehe ing area seleh berkas | Browser ing komputer | Mung berkas |
| Bunderan ing kontrol rotasi korsel kebak kanthi alus | Chrome lan Edge, Firefox 128, Safari | Langsung kebak |
HP lan layar sentuh
Saben komponen bisa dienggo kanthi sentuhan. Gagang pamisah panel, area pamilih werna, pinggir kolom grid data lan toast ngetutake driji tanpa nggulung kaca, korsel digeser nganggo gulungan browser dhewe, lan pencetan suwe ngangkat acara ing pangatur jadhwal. Ing layar sentuh, teks ing kolom isian paling ora 16px, dadi iPhone ora nge-zoom kolom kasebut, lan tembung saka keyboard sing nyusun tembung, kaya keyboard Android, tekan kanthi wutuh.
Layar sentuh ora bisa hover, dadi hovercard mung nambahi apa sing wis ana ing kaca: aja nyelehake apa wae sing wigati ing kono. Ing HP, tombol Return ing chat nggawe baris anyar, lan tombol kirime sing ngirim.
Keyboard ing Safari
Gawane, tombol Tab ing Safari mung pindhah ing antarane kolom teks lan menu pop-up. Supaya bisa tekan saben tombol lan pranala, uripake “Pencet Tab kanggo nyorot saben item ing kaca web” (Press Tab to highlight each item on a webpage) ing setelan “Lanjutan” (Advanced) Safari, utawa pencet Option-Tab. Safari uga ora menehi fokus marang tombol sing diklik; komponen-komponen nutupi kekurangan kasebut, dadi sawise klik, keyboard bisa nerusake saka kono kaya ing browser liyane.