Source

براؤزر کیڑے کی دیوار

بوٹسٹریپ اس وقت بڑے براؤزرز میں کئی نمایاں براؤزر بگز کے ارد گرد کام کرتا ہے تاکہ کراس براؤزر کا بہترین تجربہ فراہم کیا جا سکے۔ کچھ کیڑے، جیسے کہ ذیل میں درج ہیں، ہمارے ذریعے حل نہیں کیے جا سکتے۔

ہم عوامی طور پر براؤزر کی خرابیوں کی فہرست بناتے ہیں جو ہم پر اثر انداز ہو رہے ہیں، ان کو ٹھیک کرنے کے عمل کو تیز کرنے کی امید میں۔ بوٹسٹریپ کے براؤزر کی مطابقت کے بارے میں معلومات کے لیے، ہمارے براؤزر کی مطابقت کے دستاویزات دیکھیں ۔

بھی دیکھو:

براؤزر	بگ کا خلاصہ	اپ اسٹریم بگ	بوٹسٹریپ کا مسئلہ
کنارہ	اسکرول ایبل موڈل ڈائیلاگ میں بصری نمونے	ایج شمارہ #9011176	#20755
کنارہ	`title`پہلے کی بورڈ فوکس پر شوز کے لیے مقامی براؤزر کا ٹول ٹپ (حسب ضرورت ٹول ٹپ جزو کے علاوہ)	ایج شمارہ #6793560	#18692
کنارہ	منڈلا ہوا عنصر `:hover`اسکرول کرنے کے بعد بھی حالت میں رہتا ہے۔	ایج شمارہ #5381673	#14211
کنارہ	سی ایس ایس بعض اوقات پیرنٹ عنصر `border-radius`کے خون کے ذریعے لائنوں کا سبب بنتا ہے ۔`background-color`	ایج شمارہ #3342037	#16671
کنارہ	`background`of `<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
فائر فاکس	پرنٹ کرتے وقت تیرتے ہوئے کالم کے ساتھ لے آؤٹ ٹوٹ جاتا ہے۔	موزیلا بگ #1315994	#21092
فائر فاکس (ونڈوز)	جب اسکرین غیر معمولی ریزولوشن پر سیٹ کی جاتی ہے تو مینو کا دائیں بارڈر `<select>`کبھی کبھار غائب ہوتا ہے۔	موزیلا بگ #545685	#15990
Firefox (OS X اور Linux)	بیج ویجیٹ ٹیبز ویجیٹ کی نچلی سرحد کو غیر متوقع طور پر اوورلیپ نہ کرنے کا سبب بنتا ہے۔	موزیلا بگ #1259972	#19626
کروم (Android)	اسکرول ایبل اوورلے میں ٹیپ کرنے سے منظر میں `<input>`اسکرول نہیں ہوتا ہے۔`<input>`	کرومیم شمارہ #595210	#17338
کروم (OS X)	اوپر `<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`	ویب کٹ بگ #156684	#17403
سفاری	آئی ڈی اور ٹیبائنڈیکس والے کنٹینر سے لنک کے نتیجے میں کنٹینر کو وائس اوور کے ذریعے نظر انداز کیا جا رہا ہے (اسکپ لنکس کو متاثر کرتا ہے)	ویب کٹ بگ #163658	#20732
سفاری	CSS `min-width`اور `max-width`میڈیا کی خصوصیات کو فریکشنل پکسل گول نہیں ہونا چاہیے۔	ویب کٹ بگ #178261	#25166
سفاری (OS X)	`px`, `em`, اور `rem`جب صفحہ زوم لاگو ہوتا ہے تو میڈیا کے سوالات میں سب کو ایک جیسا برتاؤ کرنا چاہیے۔	ویب کٹ بگ #156687	#17403
سفاری (OS X)	`<input type="number">`کچھ عناصر کے ساتھ بٹن کا عجیب سلوک ۔	WebKit بگ #137269 , Apple Safari Radar #18834768	#8350 , نارملائز #283 , Chromium شمارہ #337668
سفاری (OS X)	مقررہ چوڑائی کے ساتھ ویب پیج پرنٹ کرتے وقت فونٹ کا چھوٹا سائز `.container`۔	WebKit بگ #138192 , Apple Safari Radar #19435018	#14868
سفاری (iOS)	`transform: translate3d(0,0,0);`رینڈرنگ بگ	WebKit بگ #138162 , Apple Safari Radar #18804973	#14603
سفاری (iOS)	صفحہ کو سکرول کرتے وقت ٹیکسٹ ان پٹ کا کرسر حرکت نہیں کرتا۔	WebKit بگ #138201 , Apple Safari Radar #18819624	#14708
سفاری (iOS)	متن کی لمبی تار داخل کرنے کے بعد کرسر کو متن کے آغاز میں منتقل نہیں کیا جا سکتا`<input type="text">`	WebKit بگ #148061 , Apple Safari Radar #22299624	#16988
سفاری (iOS)	`display: block`عارضی طور پر `<input>`s کے متن کو عمودی طور پر غلط ترتیب دینے کا سبب بنتا ہے۔	WebKit بگ #139848 , Apple Safari Radar #19434878	#11266 # 13098
سفاری (iOS)	پر ٹیپ کرنے سے واقعات `<body>`کو آگ نہیں لگتی ہے۔`click`	ویب کٹ بگ #151933	#16028
سفاری (iOS)	`position:fixed`جب iPhone 6S+ Safari پر ٹیب بار نظر آتا ہے تو اسے غلط پوزیشن میں رکھا جاتا ہے۔	ویب کٹ بگ #153056	#18859
سفاری (iOS)	`<input>`کسی عنصر کے اندر ٹیپ `position:fixed`کرنے سے صفحہ کے اوپری حصے تک سکرول ہوجاتا ہے۔	WebKit بگ #153224 , Apple Safari Radar #24235301	#17497
سفاری (iOS)	`<body>`سی ایس ایس کے ساتھ `overflow:hidden`iOS پر سکرول کے قابل ہے۔	ویب کٹ بگ #153852	#14839
سفاری (iOS)	`position:fixed`عنصر میں ٹیکسٹ فیلڈ میں اسکرول اشارہ بعض اوقات اسکرول ایبل اینسٹر `<body>`کے بجائے اسکرول ہوجاتا ہے۔	ویب کٹ بگ #153856	#14839
سفاری (iOS)	شامل کردہ متن کو لمبا کرنے کے بعد موڈل `-webkit-overflow-scrolling: touch`اسکرول کے قابل نہیں بنتا ہے۔	ویب کٹ بگ #158342	#17695
سفاری (iOS)	`:hover`ٹچ فرینڈلی ویب صفحات پر چپچپا نہ بنائیں	ویب کٹ بگ #158517	#12832
سفاری (iOS)	وہ عنصر جو مینو `position:fixed`کھولنے کے بعد غائب ہو جاتا ہے۔`<select>`	ویب کٹ بگ #162362	#20759
Safari (iPad Pro)	`position: fixed`آئی پیڈ پرو پر عنصر کی اولاد کی رینڈرنگ لینڈ اسکیپ اورینٹیشن میں کلپ ہوجاتی ہے۔	WebKit بگ #152637 , Apple Safari Radar #24030853	#18738

انتہائی مطلوب خصوصیات

ویب اسٹینڈرز میں متعین کئی خصوصیات ہیں جو ہمیں بوٹسٹریپ کو مزید مضبوط، خوبصورت، یا پرفارمنس بنانے کی اجازت دیتی ہیں، لیکن ابھی تک بعض براؤزرز میں لاگو نہیں کی گئی ہیں، اس طرح ہمیں ان سے فائدہ اٹھانے سے روکا جاتا ہے۔

ہم ان "انتہائی مطلوب" خصوصیت کی درخواستوں کو یہاں عوامی طور پر درج کرتے ہیں، ان پر عمل درآمد کے عمل کو تیز کرنے کی امید میں۔

براؤزر	خصوصیت کا خلاصہ	اپ اسٹریم مسئلہ	بوٹسٹریپ کا مسئلہ
کنارہ	فوکس ایبل عناصر کو فوکس ایونٹ/receive :focus اسٹائل کو فائر کرنا چاہیے جب وہ راوی/قابل رسائی فوکس حاصل کریں۔	Microsoft A11y UserVoice آئیڈیا #16717318	#20732
کنارہ	سلیکٹرز لیول 4 سے `:dir()`سیوڈو کلاس لاگو کریں۔	ایج یوزر وائس آئیڈیا #12299532	#19984
کنارہ	HTML5 عنصر کو لاگو کریں۔`<dialog>`	ایج یوزر وائس آئیڈیا #6508895	#20175
کنارہ	سی ایس ایس کی منتقلی منسوخ ہونے پر `transitioncancel`ایونٹ کو فائر کریں۔	ایج یوزر وائس آئیڈیا #15939898	#20618
کنارہ	سیوڈو کلاس کی `of <selector-list>`شق کو لاگو کریں۔`:nth-child()`	ایج یوزر وائس آئیڈیا #15944476	#20143
فائر فاکس	سیوڈو کلاس کی `of <selector-list>`شق کو لاگو کریں۔`:nth-child()`	موزیلا بگ #854148	#20143
فائر فاکس	HTML5 عنصر کو لاگو کریں۔`<dialog>`	موزیلا بگ #840640	#20175
فائر فاکس	جب ورچوئل فوکس کسی بٹن یا لنک پر ہوتا ہے، تو عنصر پر بھی اصل توجہ مرکوز کریں۔	موزیلا بگ #1000082	#20732
کروم	سی ایس ایس کی منتقلی منسوخ ہونے پر `transitioncancel`ایونٹ کو فائر کریں۔	کرومیم شمارہ #642487	کرومیم شمارہ #437860
کروم	سیوڈو کلاس کی `of <selector-list>`شق کو لاگو کریں۔`:nth-child()`	کرومیم شمارہ #304163	#20143
کروم	سلیکٹرز لیول 4 سے `:dir()`سیوڈو کلاس لاگو کریں۔	کرومیم شمارہ #576815	#19984
سفاری	سی ایس ایس کی منتقلی منسوخ ہونے پر `transitioncancel`ایونٹ کو فائر کریں۔	ویب کٹ بگ #161535	#20618
سفاری	سلیکٹرز لیول 4 سے `:dir()`سیوڈو کلاس لاگو کریں۔	ویب کٹ بگ #64861	#19984
سفاری	HTML5 عنصر کو لاگو کریں۔`<dialog>`	ویب کٹ بگ #84635	#20175