دیوار باگ های مرورگر
مطالب قدیمی
این صفحه قدیمی است و دیگر برای آخرین نسخه های Bootstrap قابل استفاده نیست. اکنون صرفاً برای اهداف تاریخی اینجا است و در نسخه اصلی بعدی ما حذف خواهد شد.
بوت استرپ در حال حاضر در مورد چندین باگ برجسته مرورگر در مرورگرهای اصلی کار می کند تا بهترین تجربه ممکن در بین مرورگرها را ارائه دهد. برخی از اشکالات، مانند موارد ذکر شده در زیر، توسط ما قابل حل نیستند.
ما به صورت عمومی اشکالات مرورگر را که بر ما تأثیر می گذارد در اینجا لیست می کنیم، به امید اینکه روند رفع آنها را تسریع کنیم. برای اطلاعات در مورد سازگاری مرورگر Bootstrap، به اسناد سازگاری مرورگر ما مراجعه کنید .
همچنین ببینید:
- Chromium شماره 536263: [meta] مشکلاتی که Bootstrap را تحت تأثیر قرار میدهد
- اشکال 1230801 موزیلا: مشکلاتی را که بوت استرپ را تحت تأثیر قرار می دهند برطرف کنید
- اشکال WebKit 159753: [متا] مسائلی که بر بوت استرپ تأثیر می گذارد
- راهحلهای اشکال مرورگر jQuery
مرورگر(های) | خلاصه اشکال | مشکل(های) بالادست | مشکل(های) بوت استرپ |
---|---|---|---|
حاشیه، غیرمتمرکز | مصنوعات بصری در گفتگوهای مودال قابل پیمایش | شماره 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() کلاس را اجرا کنید |
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 |