Source

دیوار باگ های مرورگر

بوت استرپ در حال حاضر در مورد چندین باگ برجسته مرورگر در مرورگرهای اصلی کار می کند تا بهترین تجربه ممکن در بین مرورگرها را ارائه دهد. برخی از اشکالات، مانند موارد ذکر شده در زیر، توسط ما قابل حل نیستند.

ما به صورت عمومی اشکالات مرورگر را که بر ما تأثیر می گذارد در اینجا لیست می کنیم، به امید اینکه روند رفع آنها را تسریع کنیم. برای اطلاعات در مورد سازگاری مرورگر Bootstrap، به اسناد سازگاری مرورگر ما مراجعه کنید .

همچنین ببینید:

مرورگر(های)	خلاصه اشکال	اشکال(های) بالادست	مشکل(های) بوت استرپ
حاشیه، غیرمتمرکز	مصنوعات بصری در گفتگوهای مودال قابل پیمایش	شماره Edge #9011176	#20755
حاشیه، غیرمتمرکز	راهنمای ابزار مرورگر بومی برای `title`نمایش در اولین فوکوس صفحه کلید (علاوه بر مؤلفه راهنمای ابزار سفارشی)	شماره Edge #6793560	#18692
حاشیه، غیرمتمرکز	عنصر شناور شده پس از دور زدن همچنان در `:hover`حالت باقی می ماند.	شماره Edge #5381673	#14211
حاشیه، غیرمتمرکز	CSS `border-radius`گاهی اوقات باعث ایجاد خطوط خونریزی از `background-color`عنصر والد می شود.	شماره Edge #3342037	#16671
حاشیه، غیرمتمرکز	`background`of `<tr>`فقط به جای تمام سلول‌های ردیف به سلول اول فرزند اعمال می‌شود	شماره Edge شماره 5865620	#18504
حاشیه، غیرمتمرکز	رنگ پس زمینه از لایه زیرین در برخی موارد از حاشیه شفاف خارج می شود	شماره Edge #6274505	#18228
حاشیه، غیرمتمرکز	شناور شدن روی عنصر SVG نسل `mouseleave`، رویداد را در جد ایجاد می کند	شماره Edge #7787318	#19670
حاشیه، غیرمتمرکز	`position: fixed;` `<button>`سوسو فعال هنگام پیمایش	شماره Edge #8770398	#20507
فایرفاکس	`.table-bordered`با یک خالی `<tbody>`مرزهای گم شده است.	باگ #1023761 موزیلا	#13453
فایرفاکس	اگر حالت غیرفعال یک کنترل فرم از طریق جاوا اسکریپت تغییر کند، پس از بازخوانی صفحه، حالت عادی بر نمی گردد.	باگ #654072 موزیلا	#793
فایرفاکس	`focus`رویدادها نباید به سمت `document`شی شلیک شوند	باگ #1228802 موزیلا	#18365
فایرفاکس	میز شناور پهن روی خط جدید قرار نمی گیرد	باگ #1277782 موزیلا	#19839
فایرفاکس	ماوس گاهی اوقات برای اهداف `mouseenter`/ `mouseleave`وقتی که در عناصر SVG قرار دارد، درون عنصر نیست	باگ #577785 موزیلا	#19670
فایرفاکس	طرح بندی با ستون های شناور هنگام چاپ شکسته می شود	باگ #1315994 موزیلا	#21092
فایرفاکس (ویندوز)	`<select>`وقتی صفحه روی وضوح غیر معمول تنظیم می شود، گاهی اوقات حاشیه سمت راست منو از بین می رود	باگ #545685 موزیلا	#15990
فایرفاکس (macOS و Linux)	ویجت نشان باعث می‌شود که حاشیه پایین ابزارک Tabs به‌طور غیرمنتظره‌ای همپوشانی نداشته باشد	باگ #1259972 موزیلا	#19626
کروم (macOS)	با کلیک بر روی `<input type="number">`دکمه افزایش، دکمه کاهش چشمک می زند.	Chromium شماره 419108	منشعب از #8350 و Chromium شماره #337668
کروم	انیمیشن خطی بی نهایت CSS با شفافیت آلفا حافظه را لو می دهد.	Chromium شماره 429375	#14409
کروم	`table-cell`با وجود همپوشانی مرزها`margin-right: -1px`	Chromium شماره 749848	#17438 ، #14237
کروم	`:hover`صفحات وب لمسی را چسبناک نکنید	Chromium شماره 370155	#12832
کروم	`position: absolute`عنصری که عریض‌تر از ستون آن است، به اشتباه به مرز ستون بریده شده است	Chromium شماره 269061	#20161
کروم	عملکرد قابل توجهی برای SVG های پویا با متن بسته به تعداد فونت های موجود در `font-family`.	Chromium شماره 781344	#24673
سافاری	`rem`واحدها در جستارهای رسانه ای باید با استفاده از عنصر محاسبه شوند `font-size: initial`، نه عنصر ریشه`font-size`	باگ WebKit #156684	#17403
سافاری	پیوند به کانتینر با شناسه و فهرست برگه منجر به نادیده گرفتن کانتینر توسط VoiceOver می‌شود (پیوندهای پرش را تحت تأثیر قرار می‌دهد)	باگ 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)	مکان‌نمای ورودی متن هنگام پیمایش صفحه حرکت نمی‌کند.	باگ WebKit #138201 ، رادار سافاری اپل #18819624	#14708
سافاری (iOS)	بعد از وارد کردن رشته طولانی متن، مکان نما را نمی توان به شروع متن منتقل کرد`<input type="text">`	باگ WebKit #148061 ، رادار سافاری اپل #22299624	#16988
سافاری (iOS)	`display: block`باعث می شود متن `<input>`s های زمانی به صورت عمودی نامناسب شود	باگ WebKit #139848 ، رادار سافاری اپل #19434878	#11266 ، #13098
سافاری (iOS)	ضربه زدن روی رویدادها فعال `<body>`نمی شود`click`	باگ WebKit #151933	#16028
سافاری (iOS)	`position:fixed`هنگامی که نوار برگه در iPhone 6S+ Safari قابل مشاهده است، به درستی قرار نمی گیرد	باگ WebKit #153056	#18859
سافاری (iOS)	با ضربه زدن روی یک عنصر `<input>`درون یک `position:fixed`عنصر به بالای صفحه می‌رود	باگ WebKit #153224 ، رادار Apple Safari #24235301	#17497
سافاری (iOS)	`<body>`با `overflow:hidden`CSS در iOS قابل پیمایش است	باگ WebKit #153852	#14839
سافاری (iOS)	حرکت حرکتی در قسمت متن در `position:fixed`عنصر گاهی اوقات `<body>`به جای اجداد قابل پیمایش پیمایش می‌کند	باگ WebKit #153856	#14839
سافاری (iOS)	Modal with `-webkit-overflow-scrolling: touch`بعد از اینکه متن اضافه شده بلندتر می شود، قابل پیمایش نمی شود	باگ WebKit #158342	#17695
سافاری (iOS)	`:hover`صفحات وب لمسی را چسبناک نکنید	باگ WebKit #158517	#12832
سافاری (iOS)	عنصری که `position:fixed`پس از باز کردن یک `<select>`منو ناپدید می شود	باگ WebKit #162362	#20759
سافاری (iPad Pro)	رندر نوادگان `position: fixed`عنصر در iPad Pro در جهت افقی بریده می شود	باگ WebKit #152637 ، رادار سافاری اپل #24030853	#18738

ویژگی های مورد نیاز

چندین ویژگی مشخص شده در استانداردهای وب وجود دارد که به ما امکان می‌دهد بوت استرپ را قوی‌تر، زیباتر یا کارآمدتر کنیم، اما هنوز در مرورگرهای خاصی پیاده‌سازی نشده‌اند، بنابراین ما را از استفاده از آنها باز می‌دارد.

ما به صورت عمومی این درخواست‌های ویژگی «تحت تعقیب» را در اینجا فهرست می‌کنیم، به این امید که روند اجرای آنها را تسریع کنیم.

مرورگر(های)	خلاصه ویژگی	مشکل(های) بالادست	مشکل(های) بوت استرپ
حاشیه، غیرمتمرکز	عناصر قابل فوکوس باید هنگام دریافت راوی/فوکوس دسترس‌پذیری، روی رویداد فوکوس / دریافت: استایل فوکوس فعال شوند	Microsoft A11y UserVoice ایده #16717318	#20732
حاشیه، غیرمتمرکز	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	ایده Edge UserVoice #12299532	#19984
حاشیه، غیرمتمرکز	عنصر HTML5 را پیاده سازی کنید`<dialog>`	Edge UserVoice ایده #6508895	#20175
حاشیه، غیرمتمرکز	هنگامی که یک انتقال CSS لغو می شود، `transitioncancel`رویدادی را فعال کنید	ایده Edge UserVoice #15939898	#20618
حاشیه، غیرمتمرکز	`of <selector-list>`بند شبه `:nth-child()`کلاس را اجرا کنید	ایده Edge UserVoice #15944476	#20143
فایرفاکس	`of <selector-list>`بند شبه `:nth-child()`کلاس را اجرا کنید	باگ #854148 موزیلا	#20143
فایرفاکس	عنصر HTML5 را پیاده سازی کنید`<dialog>`	باگ #840640 موزیلا	#20175
فایرفاکس	وقتی فوکوس مجازی روی یک دکمه یا پیوند است، فوکوس واقعی را روی عنصر نیز فعال کنید	باگ #1000082 موزیلا	#20732
کروم	هنگامی که یک انتقال CSS لغو می شود، `transitioncancel`رویدادی را فعال کنید	Chromium شماره 642487	Chromium شماره 437860
کروم	`of <selector-list>`بند شبه `:nth-child()`کلاس را اجرا کنید	شماره 304163 کرومیوم	#20143
کروم	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	شماره 576815 کرومیوم	#19984
سافاری	هنگامی که یک انتقال CSS لغو می شود، `transitioncancel`رویدادی را فعال کنید	باگ WebKit #161535	#20618
سافاری	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	باگ WebKit #64861	#19984
سافاری	عنصر HTML5 را پیاده سازی کنید`<dialog>`	باگ WebKit #84635	#20175