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 | فوراً ظاہر اور غائب ہوتے ہیں |
squircle کونے (corner-shape) | Chrome اور Edge 139 | گول کونے |
| اسکرین پر کہیں سے بھی رنگ اٹھانا | کمپیوٹر پر Chrome اور Edge | آئی ڈراپر کا بٹن نہیں ہوتا |
| ڈراپ زون میں پورا فولڈر چننا | کمپیوٹر پر براؤزرز | صرف فائلیں |
| کیروسل کے گردش کے کنٹرول کا دائرہ ہموار انداز میں بھرتا ہے | Chrome اور Edge، Firefox 128، Safari | ایک دم بھر جاتا ہے |
فونز اور ٹچ اسکرینز
ہر کمپوننٹ ٹچ کے ساتھ کام کرتا ہے۔ اسپلٹر کے ہینڈلز، کلر پکر کا ایریا، ڈیٹا گرڈ کے کالموں کے کنارے اور ٹوسٹ صفحہ اسکرول کیے بغیر انگلی کے ساتھ چلتے ہیں، کیروسل براؤزر کی اپنی اسکرولنگ سے سوائپ ہوتا ہے، اور دیر تک دبانے سے شیڈولر کا ایونٹ اٹھ جاتا ہے۔ ٹچ اسکرینوں پر فیلڈز کا متن کم از کم 16 پکسل ہوتا ہے، تاکہ iPhone ان پر زوم نہ کرے، اور جو کی بورڈ الفاظ جوڑ کر لکھتے ہیں، جیسے Android کے کی بورڈ، ان کے الفاظ پورے پہنچتے ہیں۔
ٹچ اسکرینوں پر ہوور نہیں ہو سکتا، اس لیے ہوور کارڈ صفحے پر موجود معلومات میں صرف اضافہ کرتا ہے: اس میں کوئی ضروری چیز نہ رکھیں۔ فون پر چیٹ میں Return نئی لائن شروع کرتا ہے، اور بٹن پیغام بھیجتا ہے۔
Safari میں کی بورڈ
ڈیفالٹ طور پر Safari میں Tab دبانے سے فوکس صرف ٹیکسٹ فیلڈز اور پاپ اپ مینوز کے درمیان جاتا ہے۔ ہر بٹن اور لنک تک پہنچنے کے لیے Safari کی ایڈوانسڈ (Advanced) سیٹنگز میں “ویب پیج پر ہر آئٹم کو نمایاں کرنے کے لیے Tab دبائیں” (Press Tab to highlight each item on a webpage) آن کریں، یا Option-Tab دبائیں۔ Safari کلک ہونے پر بٹن کو فوکس بھی نہیں کرتا؛ کمپوننٹس اس کمی کو پورا کرتے ہیں، اس لیے کلک کے بعد کی بورڈ دوسرے براؤزرز کی طرح وہیں سے آگے چلتا ہے۔