Needless UI નેટિવ એલિમેન્ટ્સ અને Popover API જેવા વેબ પ્લૅટફૉર્મના તાજેતરના ફીચર્સ પર બનેલું છે. તે નીચેના બ્રાઉઝરને દર્શાવેલા વર્ઝનથી આગળ સપોર્ટ કરે છે. તેનાથી જૂના વર્ઝનમાં મેનૂ, સિલેક્ટ અને પૉપઓવર ખૂલતાં નથી.
સપોર્ટ થતાં બ્રાઉઝર
| બ્રાઉઝર | કયા વર્ઝનથી | શેના માટે જરૂરી |
|---|---|---|
| કમ્પ્યુટર અને Android પર Chrome અને Edge | 120 | આઇકન દોરવા માટે CSS માસ્ક, અને જમણેથી ડાબે લખાતા લખાણ માટે :dir() |
| કમ્પ્યુટર અને Android પર Firefox | 125 | Popover API |
| Mac પર Safari | 17 | Popover API |
| iPhone અને iPad પર દરેક બ્રાઉઝર | iOS 17 | Popover API |
| Samsung Internet બ્રાઉઝર | 25 | Chrome ની જેમ જ |
Chromium પર બનેલાં બીજાં બ્રાઉઝર, જેમ કે Opera અને Brave, Chrome ના વર્ઝનને અનુસરે છે. Angular 22 ને પોતાને જ Chrome, Edge અને Firefox 119 તથા Safari 17 જોઈએ છે. Internet Explorer અને Chromium પહેલાંના જૂના Edge ને સપોર્ટ નથી.
ટેસ્ટ થતાં બ્રાઉઝર
દરેક ફેરફાર પર દરેક કમ્પોનન્ટના ટેસ્ટ Chrome, Firefox અને Safari ના એન્જિનમાં ચાલે છે. દરેક રિલીઝ પહેલાં આ દસ્તાવેજીકરણનું દરેક પેજ દરેક એન્જિનમાં, કમ્પ્યુટર પર અને ટચવાળા ફોન પર ચકાસવામાં આવે છે: તે બરાબર લોડ થવું જોઈએ, તેમાંનું દરેક મેનૂ અને પૉપઅપ ખૂલવું જોઈએ, તે સ્ક્રીનમાં સમાઈ જવું જોઈએ અને ઍક્સેસિબિલિટીની ચકાસણીઓમાં પાસ થવું જોઈએ.
| એન્જિન | વર્ઝન | શેના પર ટેસ્ટ થાય છે |
|---|---|---|
| Chromium (Chrome અને Edge માં) | 153 | કમ્પ્યુટર, અને ટચવાળો Android ફોન |
| Firefox | 155 | કમ્પ્યુટર, અને ફોનના કદની ટચ સ્ક્રીન |
| WebKit (Safari માં) | 26.6 | કમ્પ્યુટર, અને ટચવાળો iPhone |
| iPhone પર Safari | iOS 17.5 અને 18.6 | iPhone સિમ્યુલેટર |
સપોર્ટ થતા સૌથી જૂના વર્ઝન અને ટેસ્ટ થયેલા વર્ઝન વચ્ચેનાં વર્ઝન એક પછી એક ટેસ્ટ થતાં નથી: કમ્પોનન્ટ્સને જોઈતાં બધાં ફીચર્સ તેમાં હોવાથી તે સપોર્ટ થાય છે.
નવા બ્રાઉઝરમાં વધારાની સુવિધાઓ
કેટલીક ઝીણી વિગતો એવાં ફીચર્સ વાપરે છે, જે ફક્ત નવા બ્રાઉઝરમાં છે. બીજાં બ્રાઉઝર તેમને છોડી દે છે, અને કશું તૂટતું નથી:
| વિગત | બ્રાઉઝર | બીજા બ્રાઉઝરમાં |
|---|---|---|
| પૉપઓવર, મેનૂ અને ડાયલૉગ ઍનિમેશન સાથે ખૂલે અને બંધ થાય છે | 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 ક્લિક કરેલા બટન પર ફોકસ આપતું નથી; કમ્પોનન્ટ્સ તેની ભરપાઈ કરે છે, તેથી ક્લિક પછી પણ કીબોર્ડ બીજા બ્રાઉઝરની જેમ ત્યાંથી જ આગળ ચાલે છે.