Source

برائوزر جي بگ جي ڀت

بوٽ اسٽريپ هن وقت وڏن برائوزرن ۾ ڪيترن ئي شاندار برائوزر جي خرابين جي چوڌاري ڪم ڪري ٿو ته جيئن بهترين ڪراس برائوزر تجربو ممڪن هجي. ڪجھ بگ، جيئن ھيٺ ڏنل فهرست ڏنل آھن، اسان جي طرفان حل نه ٿي سگھي.

اسان عام طور تي برائوزر جي خرابين کي لسٽ ڪريون ٿا جيڪي هتي اسان کي متاثر ڪري رهيا آهن، انهن کي درست ڪرڻ جي عمل کي تيز ڪرڻ جي اميد ۾. Bootstrap جي برائوزر جي مطابقت تي معلومات لاءِ، اسان جي برائوزر مطابقت جا دستاويز ڏسو .

پڻ ڏسو:

برائوزر	بگ جو خلاصو	اپ اسٽريم بگ	بوٽ اسٽريپ مسئلا
کنڊ	اسڪرول قابل موڊل ڊائلاگس ۾ بصري نمونا	ايج مسئلو #9011176	#20755
کنڊ	اصلي برائوزر ٽول ٽائپ `title`شوز لاءِ پهرين ڪيبورڊ فوڪس تي (گراهڪ ٽول ٽائپ جي جزو کان علاوه)	ايج مسئلو #6793560	#18692
کنڊ	ڇڪيل عنصر اڃا تائين `:hover`سکرول ڪرڻ کان پوء حالت ۾ رهي ٿو.	ايج مسئلو #5381673	#14211
کنڊ	سي ايس ايس `border-radius`ڪڏهن ڪڏهن بلڊ جي لائنن جو سبب بنائي ٿو- `background-color`جي والدين عنصر جي ذريعي.	ايج مسئلو #3342037	#16671
کنڊ	`background`جي `<tr>`قطار ۾ سڀني سيلن جي بدران صرف پهرين ٻار جي سيل تي لاڳو ٿئي ٿي	ايج مسئلو #5865620	#18504
کنڊ	`@-ms-viewport{width: device-width;}`اسڪرول بارز کي آٽو لڪائڻ جو سائڊ اثر آھي	مسئلو نمبر 7165383	#18543
کنڊ	هيٺئين پرت مان پس منظر جو رنگ ڪجهه حالتن ۾ شفاف سرحد ذريعي وهندو آهي	ايج مسئلو #6274505	#18228
کنڊ	نسلي SVG عنصر جي مٿان هوورنگ `mouseleave`ايونٽ تي فائر ڪري ٿو	ايج مسئلو #7787318	# 19670
کنڊ	`position: fixed;` `<button>`طومار ڪرڻ وقت فعال چمڪندڙ	ايج مسئلو #8770398	#20507
فائر فاڪس	`.table-bordered`هڪ خالي سان `<tbody>`سرحدون غائب آهن.	موزيلا بگ #1023761	#13453
فائر فاڪس	جيڪڏهن جاوا اسڪرپٽ ذريعي فارم ڪنٽرول جي غير فعال حالت تبديل ڪئي وئي آهي، صفحي کي ريفريش ڪرڻ کان پوءِ عام حالت واپس نه ايندي.	موزيلا بگ #654072	#793
فائر فاڪس	`focusdocument`واقعن کي اعتراض تي فائرنگ نه ڪرڻ گهرجي	موزيلا بگ #1228802	#18365
فائر فاڪس	وائڊ فلوٽ ٿيل ٽيبل نئين لڪير تي لپي نه ٿو	موزيلا بگ #1277782	# 19839
فائر فاڪس	ماؤس ڪڏهن ڪڏهن عنصر جي اندر نه هوندو آهي مقصد لاءِ `mouseenter`/ `mouseleave`جڏهن اهو SVG عناصر جي اندر هوندو آهي	موزيلا بگ #577785	# 19670
فائر فاڪس	پرنٽ ڪرڻ وقت floated ڪالمن سان لي آئوٽ ٽوڙي ٿو	موزيلا بگ #1315994	#21092
فائر فاکس (ونڊوز)	`<select>`مينيو جي ساڄي سرحد ڪڏهن ڪڏهن غائب آهي جڏهن اسڪرين کي غير معمولي قرارداد تي سيٽ ڪيو ويندو آهي	موزيلا بگ #545685	#15990
فائر فاکس (macOS ۽ Linux)	بيج ويجيٽ سبب ٽيب ويجيٽ جي هيٺئين سرحد کي اوچتو اوورليپ نه ڪرڻ جو سبب بڻائيندو آهي	موزيلا بگ #1259972	# 19626
ڪروم (Android)	اسڪرول لائق اوورلي ۾ ٽيپ ڪرڻ سان ڏسڻ ۾ `<input>`اسڪرول نه ٿيندو آهي`<input>`	ڪروميم مسئلو #595210	#17338
ڪروم (macOS)	مٿي ڪلڪ ڪرڻ سان `<input type="number">`واڌارو بٽڻ چمڪي ٿو.	ڪروميم مسئلو #419108	#8350 جو آف شوٽ ۽ ڪروميم مسئلو #337668
ڪروم	CSS لامحدود لڪير اينيميشن الفا شفافيت سان ليڪ ميموري.	ڪروميم مسئلو #429375	#14409
ڪروم	`table-cell`سرحدون اوورليپ نه ٿيڻ جي باوجود`margin-right: -1px`	ڪروميم مسئلو #749848	#17438 # 14237
ڪروم	`<select multiple>`اوور فلو ٿيل اختيارن سان اسڪرول بار تي ڪلڪ ڪرڻ سان ويجھو چونڊيو ويندو`<option>`	ڪروميم مسئلو #597642	# 19810
ڪروم	`:hover`ٽچ-دوستانه ويب صفحن تي چپچپا نه ٺاهيو	Chromium مسئلو #370155	#12832
ڪروم	`position: absolute`عنصر جيڪو ان جي ڪالمن کان وڌيڪ ويڪرو آهي غلط طور تي ڪالمن جي حد تائين ڪلپ ڪيو ويو آهي	Chromium مسئلو #269061	#20161
ڪروم (ونڊوز ۽ لينڪس)	اينيميشن جي خرابي جڏهن غير فعال ٽئب ڏانهن موٽڻ کان پوءِ اينيميشنون ٿي ويون جڏهن ٽيب لڪيل هئي.	ڪروميم مسئلو #449180	#15298
ڪروم	متن سان گڏ متحرڪ SVGs لاءِ اهم ڪارڪردگي جو دارومدار فانٽ جي تعداد تي منحصر آهي `font-family`.	ڪروميم مسئلو #781344	#24673
سفاري	`rem`ميڊيا جي سوالن ۾ يونٽن کي استعمال ڪندي حساب ڪيو وڃي `font-size: initial`، نه ته روٽ عنصر جي`font-size`	WebKit بگ #156684	#17403
سفاري	id ۽ tabindex سان ڪنٽينر سان ڳنڍڻ جي نتيجي ۾ ڪنٽينر کي وائس اوور طرفان نظر انداز ڪيو پيو وڃي (لنڪ ڇڏڻ کي متاثر ڪري ٿو)	WebKit بگ #163658	#20732
سفاري	CSS `min-width`۽ `max-width`ميڊيا خاصيتون گول فريڪشنل پکسل نه هجڻ گهرجن	WebKit بگ #178261	#25166
سفاري (macOS)	`px`, `em`, ۽ `rem`سڀني کي ميڊيا جي سوالن ۾ ساڳيو ڪم ڪرڻ گهرجي جڏهن صفحو زوم لاڳو ڪيو وڃي	WebKit بگ #156687	#17403
سفاري (macOS)	`<input type="number">`ڪجھ عناصر سان گڏ عجيب بٽڻ واري رويي .	WebKit بگ #137269 ، ايپل سفاري رادر #18834768	#8350 ، عام ڪريو #283 ، Chromium مسئلو #337668
سفاري (macOS)	ننڍو فونٽ سائيز جڏهن ويب پيج کي مقرر-چوڏهين سان ڇپائي `.container`.	WebKit بگ # 138192 ، ايپل سفاري ريڊار # 19435018	#14868
سفاري (iOS)	`transform: translate3d(0,0,0);`پيش ڪرڻ وارو بگ.	WebKit بگ #138162 ، ايپل سفاري ريڊار #18804973	#14603
سفاري (iOS)	صفحي کي اسڪرول ڪرڻ دوران ٽيڪسٽ ان پٽ جو ڪرسر حرڪت نٿو ڪري.	ويب ڪيٽ بگ #138201 ، ايپل سفاري ريڊار #18819624	#14708
سفاري (iOS)	متن جي ڊگھي اسٽرنگ ۾ داخل ٿيڻ کان پوءِ ڪرسر کي متن جي شروعات ڏانھن منتقل نٿو ڪري سگھجي`<input type="text">`	WebKit بگ #148061 ، ايپل سفاري ريڊار #22299624	#16988
سفاري (iOS)	`display: block`temporal `<input>`s جي متن کي عمودي طور تي غلط ترتيب ڏيڻ جو سبب بڻائيندو آهي	WebKit بگ # 139848 ، ايپل سفاري ريڊار # 19434878	#11266 # 13098
سفاري (iOS)	تي ٽيپ ڪرڻ واقعن `<body>`کي فائر نٿو ڪري`click`	WebKit بگ #151933	#16028
سفاري (iOS)	`position:fixed`جڏهن ٽيب بار آئي فون 6S+ سفاري تي نظر اچي ٿي ته غلط پوزيشن ۾ آهي	WebKit بگ #153056	#18859
سفاري (iOS)	`<input>`ھڪڙي عنصر جي اندر اندر ٽيپ `position:fixed`ڪندي صفحي جي چوٽي ڏانھن اسڪرال ڪري ٿو	WebKit بگ #153224 ، ايپل سفاري ريڊار #24235301	#17497
سفاري (iOS)	`<body>overflow:hidden`CSS سان iOS تي اسڪرول قابل آهي	WebKit بگ #153852	#14839
سفاري (iOS)	اسڪرول اشارو متن جي ميدان ۾ `position:fixed`عنصر ۾ ڪڏهن ڪڏهن `<body>`اسڪرال ڪرڻ جي قابل اسڪرول جي بدران	WebKit بگ #153856	#14839
سفاري (iOS)	`-webkit-overflow-scrolling: touch`شامل ٿيل ٽيڪسٽ ان کي ڊگھو بنائڻ کان پوءِ ماڊل سان گڏ اسڪرول لائق نه ٿيندو	WebKit بگ #158342	#17695
سفاري (iOS)	`:hover`ٽچ-دوستانه ويب صفحن تي چپچپا نه ٺاهيو	WebKit بگ #158517	#12832
سفاري (iOS)	عنصر جيڪو مينيو `position:fixed`کولڻ کان پوء غائب ٿي ويندو آهي`<select>`	WebKit بگ #162362	#20759
سفاري (iPad Pro)	عنصر جي اولاد جي رينڊرنگ `position: fixed`کي ڪلپ ڪيو وڃي ٿو iPad پرو تي لينڊ اسڪيپ اورينٽيشن ۾	WebKit بگ #152637 ، ايپل سفاري ريڊار #24030853	#18738

سڀ کان وڌيڪ گهربل خاصيتون

ويب معيارن ۾ بيان ڪيل ڪيتريون ئي خاصيتون آھن جيڪي اسان کي بوٽ اسٽريپ کي وڌيڪ مضبوط، خوبصورت، يا پرفارمنس بڻائڻ جي اجازت ڏين ٿيون، پر اڃا تائين ڪجھ خاص برائوزرن ۾ لاڳو نه ڪيون ويون آھن، اھڙيءَ طرح اسان کي انھن مان فائدو کڻڻ کان روڪيو.

اسان عوامي طور تي انهن ”سڀ کان وڌيڪ گهربل“ خصوصيت جي درخواستن کي هتي فهرست ڪريون ٿا، انهن کي لاڳو ڪرڻ جي عمل کي تيز ڪرڻ جي اميد ۾.

برائوزر	خصوصيت جو خلاصو	اپ اسٽريم مسئلا	بوٽ اسٽريپ مسئلا
کنڊ	فوڪس ڪرڻ جي قابل عنصرن کي آگاھ ڪرڻ گھرجي فوڪس ايونٽ/receive:focus styling جڏھن اھي حاصل ڪن ٿا Narrator/accessibility Focus	Microsoft A11y UserVoice idea #16717318	#20732
کنڊ	سليڪٽرز ليول 4 کان سيوڊو `:dir()`ڪلاس کي لاڳو ڪريو	Edge UserVoice idea #12299532	#19984
کنڊ	HTML5 `<dialog>`عنصر کي لاڳو ڪريو	Edge UserVoice idea #6508895	#20175
کنڊ	`transitioncancel`ھڪڙي واقعي کي فائر ڪريو جڏھن ھڪڙي سي ايس ايس جي منتقلي کي منسوخ ڪيو وڃي	Edge UserVoice idea #15939898	#20618
کنڊ	pseudo- ڪلاس جي `of <selector-list>`شق کي لاڳو ڪريو`:nth-child()`	ايج يوزر وائس آئيڊيا #15944476	#20143
فائر فاڪس	pseudo- ڪلاس جي `of <selector-list>`شق کي لاڳو ڪريو`:nth-child()`	موزيلا بگ #854148	#20143
فائر فاڪس	HTML5 `<dialog>`عنصر کي لاڳو ڪريو	موزيلا بگ #840640	#20175
فائر فاڪس	جڏهن مجازي فوڪس هڪ بٽڻ يا لنڪ تي آهي، باهه تي حقيقي ڌيان پڻ عنصر تي	موزيلا بگ #1000082	#20732
ڪروم	`transitioncancel`ھڪڙي واقعي کي فائر ڪريو جڏھن ھڪڙي سي ايس ايس جي منتقلي کي منسوخ ڪيو وڃي	ڪروميم مسئلو #642487	ڪروميم مسئلو #437860
ڪروم	pseudo- ڪلاس جي `of <selector-list>`شق کي لاڳو ڪريو`:nth-child()`	ڪروميم مسئلو #304163	#20143
ڪروم	سليڪٽرز ليول 4 کان سيوڊو `:dir()`ڪلاس کي لاڳو ڪريو	ڪروميم مسئلو #576815	#19984
سفاري	`transitioncancel`ھڪڙي واقعي کي فائر ڪريو جڏھن ھڪڙي سي ايس ايس جي منتقلي کي منسوخ ڪيو وڃي	WebKit بگ #161535	#20618
سفاري	سليڪٽرز ليول 4 کان سيوڊو `:dir()`ڪلاس کي لاڳو ڪريو	WebKit بگ #64861	#19984
سفاري	HTML5 `<dialog>`عنصر کي لاڳو ڪريو	WebKit بگ #84635	#20175