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

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

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

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

مرورگر(های)	خلاصه اشکال	اشکال(های) بالادست	مشکل(های) بوت استرپ
مایکروسافت اج	راهنمای ابزار مرورگر بومی برای `title`نمایش در اولین فوکوس صفحه کلید (علاوه بر مؤلفه راهنمای ابزار سفارشی)	شماره Edge #6793560	#18692
مایکروسافت اج	عنصر شناور شده پس از دور زدن همچنان در `:hover`حالت باقی می ماند.	شماره Edge #5381673	#14211
مایکروسافت اج	هنگامی که ماوس را روی یک `<select>`آیتم منو قرار می دهید، مکان نما برای عنصر زیر منو نمایش داده می شود.	شماره Edge شماره 817822	#14528
مایکروسافت اج	CSS `border-radius`گاهی اوقات باعث ایجاد خطوط خونریزی از `background-color`عنصر والد می شود.	شماره Edge #3342037	#16671
مایکروسافت اج	`background`of `<tr>`فقط به جای تمام سلول‌های ردیف به سلول اول فرزند اعمال می‌شود	شماره Edge شماره 5865620	#18504
مایکروسافت اج	`@-ms-viewport{width: device-width;}`دارای اثرات جانبی پنهان کردن خودکار نوارهای پیمایش است	شماره Edge #7165383	#18543
مایکروسافت اج	رنگ پس زمینه از لایه زیرین در برخی موارد از حاشیه شفاف خارج می شود	شماره Edge #6274505	#18228
مایکروسافت اج	شناور شدن روی عنصر SVG نسل `mouseleave`، رویداد را در جد ایجاد می کند	شماره Edge #7787318	#19670
فایرفاکس	`.table-bordered`با یک خالی `<tbody>`مرزهای گم شده است.	باگ #1023761 موزیلا	#13453
فایرفاکس	اگر حالت غیرفعال یک کنترل فرم از طریق جاوا اسکریپت تغییر کند، پس از بازخوانی صفحه، حالت عادی بر نمی گردد.	باگ #654072 موزیلا	#793
فایرفاکس	`focus`رویدادها نباید به سمت `document`شی شلیک شوند	باگ #1228802 موزیلا	#18365
فایرفاکس	میز شناور پهن روی خط جدید قرار نمی گیرد	باگ #1277782 موزیلا	#19839
فایرفاکس	ماوس گاهی اوقات برای اهداف `mouseenter`/ `mouseleave`وقتی که در عناصر SVG قرار دارد، درون عنصر نیست	باگ #577785 موزیلا	#19670
فایرفاکس	`position: absolute`عنصری که عریض‌تر از ستون آن است، متفاوت از سایر مرورگرها ارائه می‌شود	باگ #1282363 موزیلا	#20161
فایرفاکس (ویندوز)	`<select>`وقتی صفحه روی وضوح غیر معمول تنظیم می شود، گاهی اوقات حاشیه سمت راست منو از بین می رود	باگ #545685 موزیلا	#15990
فایرفاکس (OS X و Linux)	ویجت نشان باعث می‌شود که حاشیه پایین ابزارک Tabs به‌طور غیرمنتظره‌ای همپوشانی نداشته باشد	باگ #1259972 موزیلا	#19626
کروم (اندروید)	ضربه زدن روی یک در یک پوشش قابل پیمایش، به نمای `<input>`پیمایش نمی‌شود`<input>`	شماره 595210 کرومیوم	#17338
کروم (OS X)	با کلیک بر روی `<input type="number">`دکمه افزایش، دکمه کاهش چشمک می زند.	Chromium شماره 419108	منشعب از #8350 و Chromium شماره #337668
کروم	انیمیشن خطی بی نهایت CSS با شفافیت آلفا حافظه را لو می دهد.	Chromium شماره 429375	#14409
کروم	`:focus` `outlinereadonly` `<input>`سبک باعث می شود که مکان نما هنگام جابجایی a برای خواندن و نوشتن نمایش داده نشود .	Chromium شماره 465274	#16022
کروم	`table-cell`با وجود همپوشانی مرزها`margin-right: -1px`	Chromium شماره 534750	#17438 ، #14237
کروم	با کلیک کردن بر روی نوار پیمایش `<select multiple>`با گزینه‌های سرریز شده، این نزدیکی انتخاب می‌شود`<option>`	Chromium شماره 597642	#19810
کروم	`:hover`صفحات وب لمسی را چسبناک نکنید	Chromium شماره 370155	#12832
کروم (ویندوز و لینوکس)	اشکال انیمیشن هنگام بازگشت به برگه غیرفعال پس از وقوع انیمیشن ها در حالی که برگه پنهان بود.	Chromium شماره 449180	#15298
سافاری	`rem`واحدها در جستارهای رسانه ای باید با استفاده از عنصر محاسبه شوند `font-size: initial`، نه عنصر ریشه`font-size`	باگ WebKit #156684	#17403
سافاری (OS X)	`px`, `em`و `rem`باید هنگام اعمال بزرگنمایی صفحه در جستارهای رسانه ای یکسان رفتار کنند	باگ WebKit #156687	#17403
سافاری (OS X)	رفتار عجیب دکمه با برخی از `<input type="number">`عناصر.	باگ WebKit #137269 ، رادار سافاری اپل #18834768	#8350 ، عادی سازی #283 ، شماره Chromium #337668
سافاری (OS X)	اندازه فونت کوچک هنگام چاپ صفحه وب با عرض ثابت `.container`.	باگ WebKit #138192 ، رادار سافاری اپل #19435018	#14868
سافاری (iPad)	`<select>`منو در iPad باعث تغییر مناطق تست ضربه می شود	باگ WebKit #150079 ، رادار سافاری اپل #23082521	#14975
سافاری (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)	ضربه زدن از یکی `<input>`به دیگری در یک پوشش می‌تواند باعث ایجاد اثر تکان دادن/جنگ زدن شود	باگ WebKit #158276	#19927
سافاری (iOS)	Modal with `-webkit-overflow-scrolling: touch`بعد از اینکه متن اضافه شده بلندتر می شود، قابل پیمایش نمی شود	باگ WebKit #158342	#17695
سافاری (iOS)	`:hover`صفحات وب لمسی را چسبناک نکنید	باگ WebKit #158517	#12832
سافاری (iPad Pro)	رندر نوادگان `position: fixed`عنصر در iPad Pro در جهت افقی بریده می شود	باگ WebKit #152637 ، رادار سافاری اپل #24030853	#18738

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

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

مرورگر(های)	خلاصه ویژگی	مشکل(های) بالادست	مشکل(های) بوت استرپ
مایکروسافت اج	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	ایده Edge UserVoice #12299532	#19984
مایکروسافت اج	پیاده سازی موقعیت چسبنده از CSS Positioned Layout Level 3	ایده Edge UserVoice #6263621	#17021
فایرفاکس	هنگامی که یک انتقال CSS لغو می شود، `transitioncancel`رویدادی را فعال کنید	باگ #1264125 موزیلا	باگ #1182856 موزیلا
فایرفاکس	`of <selector-list>`بند شبه `:nth-child()`کلاس را اجرا کنید	باگ #854148 موزیلا	#20143
فایرفاکس	عنصر HTML5 را پیاده سازی کنید`<dialog>`	باگ #840640 موزیلا	#20175
کروم	`of <selector-list>`بند شبه `:nth-child()`کلاس را اجرا کنید	Chromium شماره 304163	#20143
کروم	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	Chromium شماره 576815	#19984
کروم	پیاده سازی موقعیت چسبنده از CSS Positioned Layout Level 3	Chromium شماره 231752	#17021
سافاری	`:dir()`شبه کلاس را از Selectors Level 4 پیاده سازی کنید	باگ WebKit #64861	#19984
سافاری	عنصر HTML5 را پیاده سازی کنید`<dialog>`	باگ WebKit #84635	#20175

اشکالات مرورگر

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