Баги браузера

Наразі Bootstrap працює з кількома видатними помилками в основних веб-переглядачах, щоб забезпечити найкращий кросбраузерний досвід. Деякі помилки, як-от перелічені нижче, ми не можемо вирішити.

Ми публічно перераховуємо помилки браузера, які впливають на нас, у надії пришвидшити процес їх усунення. Щоб отримати інформацію про сумісність браузера Bootstrap, перегляньте наші документи щодо сумісності браузера .

Дивіться також:

Браузер(и) Короткий опис помилки Вихідні помилки Проблеми початкового завантаження
Microsoft Edge

Власна спливаюча підказка браузера для titleпоказу при першому фокусі клавіатури (на додаток до спеціального компонента спливаючої підказки)

Проблема Edge №6793560 #18692
Microsoft Edge

Елемент, на який наведено курсор, залишається в :hoverстані після прокручування.

Випуск Edge №5381673 #14211
Microsoft Edge

При наведенні <select>курсора на пункт меню відображається курсор для елемента під меню.

Випуск Edge №817822 #14528
Microsoft Edge

CSS border-radiusіноді викликає протікання рядків background-colorбатьківського елемента.

Проблема Edge №3342037 #16671
Microsoft Edge

background<tr>застосовується лише до першої дочірньої клітинки, а не до всіх клітинок рядка

Проблема Edge №5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}має побічний ефект автоматичного приховування смуг прокрутки

Проблема Edge №7165383 #18543
Microsoft Edge

У деяких випадках фоновий колір нижнього шару проступає через прозору рамку

Проблема Edge №6274505 #18228
Microsoft Edge

Наведення курсора на нащадковий елемент SVG запускає mouseleaveподію в предку

Випуск Edge №7787318 #19670
Firefox

.table-borderedз порожнім <tbody>відсутні межі.

Помилка Mozilla №1023761 #13453
Firefox

Якщо вимкнений стан елемента керування форми змінено за допомогою JavaScript, нормальний стан не повертається після оновлення сторінки.

Помилка Mozilla №654072 #793
Firefox

focusподії не повинні стріляти по documentоб'єкту

Помилка Mozilla №1228802 #18365
Firefox

Широка плаваюча таблиця не переноситься на новий рядок

Помилка Mozilla №1277782 #19839
Firefox

Миша іноді не всередині елемента для цілей mouseenter/ mouseleave, коли вона знаходиться в межах елементів SVG

Помилка Mozilla №577785 #19670
Firefox

position: absoluteелемент, який ширший за свій стовпець, відображається інакше, ніж інші браузери

Помилка Mozilla №1282363 #20161
Firefox (Windows)

Права межа <select>меню іноді відсутня, коли для екрана встановлено нестандартну роздільну здатність

Помилка Mozilla №545685 #15990
Firefox (OS X і Linux)

Віджет значка призводить до того, що нижня межа віджета вкладок неочікувано не перекривається

Помилка Mozilla №1259972 #19626
Chrome (Android)

Торкання на <input>накладенні, яке можна прокручувати, не прокручує його <input>в поле зору

Проблема Chromium №595210 #17338
Chrome (OS X)

Клацання над <input type="number">кнопкою збільшення блимає кнопку зменшення.

Проблема Chromium №419108 Відгалуження #8350 і проблема Chromium #337668
Chrome

Нескінченна лінійна анімація CSS з альфа-прозорістю втрачає пам’ять.

Випуск Chromium №429375 #14409
Chrome

:focus outlineстиль призводить до того, що курсор не відображається під час перемикання a readonly <input>на читання та запис.

Випуск Chromium №465274 #16022
Chrome

table-cellкордони не перекриваються, незважаючи наmargin-right: -1px

Випуск Chromium №534750 №17438 , №14237
Chrome

Натиснувши смугу прокрутки <select multiple>з переповненими параметрами, ви виберете поруч<option>

Випуск Chromium №597642 #19810
Chrome

Не :hoverзакріплюйте веб-сторінки, зручні для дотику

Проблема Chromium №370155 #12832
Chrome (Windows і Linux)

Збій анімації під час повернення до неактивної вкладки після анімації, коли вкладка була прихована.

Випуск Chromium №449180 #15298
Сафарі

remодиниці в медіа-запитах слід обчислювати за допомогою font-size: initial, а не кореневого елементаfont-size

Помилка WebKit №156684 #17403
Safari (OS X)

px, em, і remмають однаково поводитись у медіа-запитах, коли застосовано масштабування сторінки

Помилка WebKit №156687 #17403
Safari (OS X)

Дивна поведінка кнопки з деякими <input type="number">елементами.

Помилка WebKit #137269 , Apple Safari Radar #18834768 #8350 , нормалізувати #283 , проблема Chromium #337668
Safari (OS X)

Маленький розмір шрифту під час друку веб-сторінки з фіксованою шириною .container.

Помилка WebKit #138192 , Apple Safari Radar #19435018 #14868
Safari (iPad)

<select>меню на iPad викликає зміщення областей тестування попадань

Помилка WebKit #150079 , Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0);помилка візуалізації.

Помилка WebKit #138162 , Apple Safari Radar #18804973 #14603
Safari (iOS)

Курсор введення тексту не рухається під час прокручування сторінки.

Помилка WebKit #138201 , Apple Safari Radar #18819624 #14708
Safari (iOS)

Неможливо перемістити курсор на початок тексту після введення довгого рядка тексту<input type="text">

Помилка WebKit №148061 , Apple Safari Radar №22299624 #16988
Safari (iOS)

display: blockпризводить до того, що текст тимчасових <input>s стає вертикально невирівняним

Помилка WebKit #139848 , Apple Safari Radar #19434878 №11266 , №13098
Safari (iOS)

Натискання <body>не запускає clickподії

Помилка WebKit №151933 #16028
Safari (iOS)

position:fixedнеправильно розташовано, коли панель вкладок відображається на iPhone 6S+ Safari

Помилка WebKit №153056 #18859
Safari (iOS)

Торкнувшись <input>елемента position:fixed, ви прокрутите його до верхньої частини сторінки

Помилка WebKit №153224 , Apple Safari Radar №24235301 #17497
Safari (iOS)

<body>з overflow:hiddenCSS можна прокручувати на iOS

Помилка WebKit №153852 #14839
Safari (iOS)

Жест прокручування в текстовому полі в position:fixedелементі іноді прокручується <body>замість прокручуваного предка

Помилка WebKit №153856 #14839
Safari (iOS)

Натискання від одного <input>до іншого в накладенні може спричинити ефект тремтіння/похитування

Помилка WebKit №158276 #19927
Safari (iOS)

Модальний із -webkit-overflow-scrolling: touchне стає прокручуваним після того, як доданий текст робить його вищим

Помилка WebKit №158342 #17695
Safari (iOS)

Не :hoverзакріплюйте веб-сторінки, зручні для дотику

Помилка WebKit №158517 #12832
Safari (iPad Pro)

Візуалізація нащадків position: fixedелемента обрізається на iPad Pro в альбомній орієнтації

Помилка WebKit №152637 , Apple Safari Radar №24030853 #18738

Найпопулярніші функції

Є кілька функцій, визначених у веб-стандартах, які дозволять нам зробити Bootstrap більш надійним, ел��гантним і продуктивним, але вони ще не реалізовані в певних браузерах, тому ми не можемо скористатися ними.

Ми публічно перераховуємо ці «найпопулярніші» запити на функції тут, сподіваючись пришвидшити процес їх реалізації.

Браузер(и) Короткий опис функції Вихідні проблеми Проблеми початкового завантаження
Microsoft Edge

Реалізуйте :dir()псевдоклас із селекторів рівня 4

Ідея Edge UserVoice №12299532 #19984
Microsoft Edge

Застосуйте фіксоване позиціонування з CSS Positioned Layout Level 3

Ідея Edge UserVoice №6263621 #17021
Firefox

Викликати transitioncancelподію, коли перехід CSS скасовано

Помилка Mozilla №1264125 Помилка Mozilla №1182856
Firefox

Реалізуйте of <selector-list>пункт:nth-child() псевдокласу _

Помилка Mozilla №854148 #20143
Firefox

Впровадити <dialog>елемент HTML5

Помилка Mozilla №840640 #20175
Chrome

Реалізуйте of <selector-list>пункт:nth-child() псевдокласу _

Випуск Chromium №304163 #20143
Chrome

Реалізуйте :dir()псевдоклас із селекторів рівня 4

Проблема Chromium №576815 #19984
Chrome

Застосуйте фіксоване позиціонування з CSS Positioned Layout Level 3

Проблема Chromium №231752 #17021
Сафарі

Реалізуйте :dir()псевдоклас із селекторів рівня 4

Помилка WebKit №64861 #19984
Сафарі

Впровадити <dialog>елемент HTML5

Помилка WebKit №84635 #20175