Nakabatay ang Needless UI sa mga native element at sa mga bagong feature ng web platform, gaya ng Popover API. Sinusuportahan nito ang mga browser sa ibaba mula sa nakalistang version. Sa mas lumang mga version, hindi bumubukas ang mga menu, select at popover.
Mga sinusuportahang browser
| Browser | Mula sa version | Kailangan para sa |
|---|---|---|
| Chrome at Edge, sa computer at Android | 120 | Mga icon na iginuguhit gamit ang CSS mask, at :dir() para sa right-to-left na text |
| Firefox, sa computer at Android | 125 | Ang Popover API |
| Safari sa Mac | 17 | Ang Popover API |
| Lahat ng browser sa iPhone at iPad | iOS 17 | Ang Popover API |
| Samsung Internet browser | 25 | Pareho sa Chrome |
Sinusundan ng ibang browser na nakabatay sa Chromium, gaya ng Opera at Brave, ang mga version ng Chrome. Kailangan ng Angular 22 mismo ang Chrome, Edge at Firefox 119 at ang Safari 17. Hindi sinusuportahan ang Internet Explorer at ang lumang Edge na hindi pa nakabatay sa Chromium.
Mga tine-test na browser
Sa bawat pagbabago, pinapatakbo ang mga test ng bawat component sa mga engine ng Chrome, Firefox at Safari. Bago ang isang release, sinusuri ang bawat page ng dokumentasyong ito sa bawat engine, sa computer at sa phone na may touch: kailangan nitong mag-load, mabuksan ang bawat menu at popup nito, magkasya sa screen at pumasa sa mga accessibility check.
| Engine | Version | Tine-test sa |
|---|---|---|
| Chromium (engine ng Chrome at Edge) | 153 | Computer, at Android phone na may touch |
| Firefox | 155 | Computer, at touch screen na kasinlaki ng phone |
| WebKit (engine ng Safari) | 26.6 | Computer, at iPhone na may touch |
| Safari sa iPhone | iOS 17.5 at 18.6 | Ang iPhone simulator |
Hindi isa-isang tine-test ang mga version sa pagitan ng pinakalumang sinusuportahan at ng mga tine-test: sinusuportahan ang mga ito dahil nasa kanila ang bawat feature na kailangan ng mga component.
Mga extra sa mas bagong browser
May ilang detalye na gumagamit ng mga feature na nasa mas bagong browser lang. Nilalaktawan ang mga ito ng ibang browser, at walang nasisira:
| Detalye | Mga browser | Sa ibang browser |
|---|---|---|
| May animation ang paglitaw at pagkawala ng mga popover, menu at dialog | Chrome at Edge, Firefox 129, Safari 17.5 | Biglang lumilitaw at nawawala |
Mga squircle na sulok (corner-shape) | Chrome at Edge 139 | Mga bilog na sulok |
| Pagpili ng kulay mula saanman sa screen | Chrome at Edge sa computer | Walang eyedropper button |
| Pagpili ng buong folder sa dropzone | Mga browser sa computer | Mga file lang |
| Unti-unting napupuno ang ring ng rotation control ng carousel | Chrome at Edge, Firefox 128, Safari | Biglang napupuno |
Mga phone at touch screen
Gumagana sa touch ang bawat component. Sinusundan ng mga handle ng splitter, ng color area, ng mga gilid ng column at ng mga toast ang daliri nang hindi nag-i-scroll ang page, sina-swipe ang carousel gamit ang sariling scrolling ng browser, at napupulot ang isang event sa scheduler sa pamamagitan ng long press. Sa mga touch screen, hindi bababa sa 16px ang text ng mga field, kaya hindi nagzo-zoom in ang mga iPhone sa mga ito, at buo ang dating ng mga salita mula sa mga keyboard na bumubuo sa mga ito habang nagta-type, gaya ng mga Android keyboard.
Walang hover sa mga touch screen, kaya pandagdag lang ang hovercard sa kung ano ang nasa page: huwag maglagay ng anumang mahalaga rito. Sa phone, gumagawa ng bagong linya ang Return key ng chat, at ang button nito ang nagpapadala.
Ang keyboard sa Safari
Bilang default, sa pagitan lang ng mga text field at pop-up menu lumilipat ang Tab key sa Safari. Para maabot ang bawat button at link, i-on ang “Pindutin ang Tab para i-highlight ang bawat item sa webpage” (“Press Tab to highlight each item on a webpage”) sa Advanced settings ng Safari, o pindutin ang Option-Tab. Hindi rin inilalagay ng Safari ang focus sa isang button kapag na-click ito; binabawi ito ng mga component, kaya tuloy-tuloy ang paggamit ng keyboard pagkatapos ng click, gaya sa ibang browser.