Source

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

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

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

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

مرورگر(های) خلاصه اشکال اشکال(های) بالادست مشکل(های) بوت استرپ
حاشیه، غیرمتمرکز

مصنوعات بصری در گفتگوهای مودال قابل پیمایش

شماره Edge #9011176 #20755
حاشیه، غیرمتمرکز

راهنمای ابزار مرورگر بومی برای titleنمایش در اولین فوکوس صفحه کلید (علاوه بر مؤلفه راهنمای ابزار سفارشی)

شماره Edge #6793560 #18692
حاشیه، غیرمتمرکز

عنصر شناور شده پس از دور زدن همچنان در :hoverحالت باقی می ماند.

شماره Edge #5381673 #14211
حاشیه، غیرمتمرکز

CSS border-radiusگاهی اوقات باعث ایجاد خطوط خونریزی از background-colorعنصر والد می شود.

شماره Edge #3342037 #16671
حاشیه، غیرمتمرکز

backgroundof <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:hiddenCSS در 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()کلاس را اجرا کنید

Chromium شماره 304163 #20143
کروم

:dir()شبه کلاس را از Selectors Level 4 پیاده سازی کنید

Chromium شماره 576815 #19984
سافاری

هنگامی که یک انتقال CSS لغو می شود، transitioncancelرویدادی را فعال کنید

باگ WebKit #161535 #20618
سافاری

:dir()شبه کلاس را از Selectors Level 4 پیاده سازی کنید

باگ WebKit #64861 #19984
سافاری

عنصر HTML5 را پیاده سازی کنید<dialog>

باگ WebKit #84635 #20175