Needless UI નેટિવ એલિમેન્ટ્સ અને Popover API જેવા વેબ પ્લૅટફૉર્મના તાજેતરના ફીચર્સ પર બનેલું છે. તે નીચેના બ્રાઉઝરને દર્શાવેલા વર્ઝનથી આગળ સપોર્ટ કરે છે. તેનાથી જૂના વર્ઝનમાં મેનૂ, સિલેક્ટ અને પૉપઓવર ખૂલતાં નથી.

સપોર્ટ થતાં બ્રાઉઝર

સપોર્ટ થતાં સૌથી જૂનાં વર્ઝન
બ્રાઉઝરકયા વર્ઝનથીશેના માટે જરૂરી
કમ્પ્યુટર અને Android પર Chrome અને Edge120આઇકન દોરવા માટે CSS માસ્ક, અને જમણેથી ડાબે લખાતા લખાણ માટે :dir()
કમ્પ્યુટર અને Android પર Firefox125Popover API
Mac પર Safari17Popover API
iPhone અને iPad પર દરેક બ્રાઉઝરiOS 17Popover API
Samsung Internet બ્રાઉઝર25Chrome ની જેમ જ

Chromium પર બનેલાં બીજાં બ્રાઉઝર, જેમ કે Opera અને Brave, Chrome ના વર્ઝનને અનુસરે છે. Angular 22 ને પોતાને જ Chrome, Edge અને Firefox 119 તથા Safari 17 જોઈએ છે. Internet Explorer અને Chromium પહેલાંના જૂના Edge ને સપોર્ટ નથી.

ટેસ્ટ થતાં બ્રાઉઝર

દરેક ફેરફાર પર દરેક કમ્પોનન્ટના ટેસ્ટ Chrome, Firefox અને Safari ના એન્જિનમાં ચાલે છે. દરેક રિલીઝ પહેલાં આ દસ્તાવેજીકરણનું દરેક પેજ દરેક એન્જિનમાં, કમ્પ્યુટર પર અને ટચવાળા ફોન પર ચકાસવામાં આવે છે: તે બરાબર લોડ થવું જોઈએ, તેમાંનું દરેક મેનૂ અને પૉપઅપ ખૂલવું જોઈએ, તે સ્ક્રીનમાં સમાઈ જવું જોઈએ અને ઍક્સેસિબિલિટીની ચકાસણીઓમાં પાસ થવું જોઈએ.

જે બ્રાઉઝર પર ટેસ્ટ થાય છે
એન્જિનવર્ઝનશેના પર ટેસ્ટ થાય છે
Chromium (Chrome અને Edge માં)153કમ્પ્યુટર, અને ટચવાળો Android ફોન
Firefox155કમ્પ્યુટર, અને ફોનના કદની ટચ સ્ક્રીન
WebKit (Safari માં)26.6કમ્પ્યુટર, અને ટચવાળો iPhone
iPhone પર SafariiOS 17.5 અને 18.6iPhone સિમ્યુલેટર

સપોર્ટ થતા સૌથી જૂના વર્ઝન અને ટેસ્ટ થયેલા વર્ઝન વચ્ચેનાં વર્ઝન એક પછી એક ટેસ્ટ થતાં નથી: કમ્પોનન્ટ્સને જોઈતાં બધાં ફીચર્સ તેમાં હોવાથી તે સપોર્ટ થાય છે.

નવા બ્રાઉઝરમાં વધારાની સુવિધાઓ

કેટલીક ઝીણી વિગતો એવાં ફીચર્સ વાપરે છે, જે ફક્ત નવા બ્રાઉઝરમાં છે. બીજાં બ્રાઉઝર તેમને છોડી દે છે, અને કશું તૂટતું નથી:

જે વિગતો માટે નવાં બ્રાઉઝર જોઈએ
વિગતબ્રાઉઝરબીજા બ્રાઉઝરમાં
પૉપઓવર, મેનૂ અને ડાયલૉગ ઍનિમેશન સાથે ખૂલે અને બંધ થાય છેChrome અને Edge, Firefox 129, Safari 17.5તે તરત દેખાય અને અદૃશ્ય થાય છે
સ્ક્વર્કલ ખૂણા (corner-shape)Chrome અને Edge 139ગોળ ખૂણા
સ્ક્રીન પર ગમે ત્યાંથી રંગ ઉપાડવોકમ્પ્યુટર પર Chrome અને Edgeઆઇડ્રૉપર બટન હોતું નથી
ડ્રૉપઝોનમાં આખું ફોલ્ડર પસંદ કરવુંકમ્પ્યુટર પરનાં બ્રાઉઝરફક્ત ફાઇલો
કૅરોસેલના રોટેશન કંટ્રોલનું વર્તુળ સતત ભરાતું જાય છેChrome અને Edge, Firefox 128, Safariતે એક ઝાટકે ભરાઈ જાય છે

ફોન અને ટચ સ્ક્રીન

દરેક કમ્પોનન્ટ ટચથી કામ કરે છે. સ્પ્લિટરના હૅન્ડલ, રંગ-ક્ષેત્ર, કૉલમની કિનારીઓ અને ટોસ્ટ પેજને સ્ક્રોલ કર્યા વિના આંગળી સાથે ખસે છે, કૅરોસેલ બ્રાઉઝરના પોતાના સ્ક્રોલિંગથી સ્વાઇપ થાય છે, અને લાંબો સમય દબાવી રાખવાથી શેડ્યૂલરની ઇવેન્ટ ખસેડવા માટે ઊંચકાઈ જાય છે. ટચ સ્ક્રીન પર ફીલ્ડનું ટેક્સ્ટ ઓછામાં ઓછું 16px હોય છે, જેથી iPhone તેના પર ઝૂમ ન કરે, અને જે કીબોર્ડ શબ્દો કમ્પોઝ કરીને લખે છે, જેમ કે Android કીબોર્ડ, તેમાંથી શબ્દો આખેઆખા પહોંચે છે.

ટચ સ્ક્રીન પર હૉવર થઈ શકતું નથી, તેથી હૉવરકાર્ડ પેજ પર જે છે તેમાં ફક્ત ઉમેરો કરે છે: તેમાં કોઈ જરૂરી વસ્તુ ન મૂકો. ફોન પર ચૅટની Return કી નવી લાઇન બનાવે છે, અને મોકલવાનું કામ તેનું બટન કરે છે.

Safari માં કીબોર્ડ

ડિફૉલ્ટ રૂપે Safari માં Tab કી ફક્ત ટેક્સ્ટ ફીલ્ડ અને પૉપ-અપ મેનૂ વચ્ચે જ ફરે છે. દરેક બટન અને લિંક સુધી પહોંચવા માટે Safari ના “વિગતવાર” (Advanced) સેટિંગ્સમાં “વેબપેજ પરની દરેક આઇટમ હાઇલાઇટ કરવા Tab દબાવો” (Press Tab to highlight each item on a webpage) ચાલુ કરો, અથવા Option + Tab દબાવો. વળી, Safari ક્લિક કરેલા બટન પર ફોકસ આપતું નથી; કમ્પોનન્ટ્સ તેની ભરપાઈ કરે છે, તેથી ક્લિક પછી પણ કીબોર્ડ બીજા બ્રાઉઝરની જેમ ત્યાંથી જ આગળ ચાલે છે.