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

В настоящее время Bootstrap обходит множество нерешённых багов в основных браузерах, чтобы обеспечить наилучший кроссбраузерный опыт. Некоторые баги, как перечисленные ниже, мы не можем решить самостоятельно.

Мы публично публикуем баги браузеров, которые влияют на нас, чтобы ускорить их исправление. Для информации о совместимости Bootstrap с браузерами смотрите документацию по совместимости.

Смотрите также:

Браузер(ы) Описание бага Апстрим-баг(и) Issue Bootstrap
Microsoft Edge

Встроенная подсказка браузера для title появляется при первом фокусе с клавиатуры (в дополнение к пользовательскому компоненту tooltip)

 Edge issue #6793560 #18692
Microsoft Edge

Наведённый элемент остаётся в состоянии :hover после прокрутки страницы.

 Edge issue #5381673 #14211
Microsoft Edge

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

 Edge issue #817822 #14528
Microsoft Edge

CSS border-radius иногда вызывает появление линий просвечивания цвета фона родительского элемента.

 Edge issue #3342037 #16671
Microsoft Edge

background у <tr> применяется только к первой ячейке строки, а не ко всем ячейкам.

 Edge issue #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;} приводит к автоматическому скрытию полос прокрутки

 Edge issue #7165383 #18543
Microsoft Edge

Цвет фона нижнего слоя просвечивает через прозрачную границу в некоторых случаях

 Edge issue #6274505 #18228
Microsoft Edge

Наведение на вложенный SVG-элемент вызывает событие mouseleave у родителя

 Edge issue #7787318 #19670
Firefox

.table-bordered с пустым <tbody> не отображает границы.

 Mozilla bug #1023761 #13453
Firefox

Если состояние disabled у элемента формы изменено через JavaScript, после обновления страницы нормальное состояние не возвращается.

 Mozilla bug #654072 #793
Firefox

focus события не должны вызываться на объекте document

 Mozilla bug #1228802 #18365
Firefox

Широкая таблица не переносится на новую строку

 Mozilla bug #1277782 #19839
Firefox

Иногда курсор не находится в элементе для целей mouseenter/mouseleave когда он находится в SVG-элементах

 Mozilla bug #577785 #19670
Firefox

Элемент с position: absolute шире своего столбца отображается по-другому, чем в других браузерах

 Mozilla bug #1282363 #20161
Firefox (Windows)

Правая граница <select> меню иногда отсутствует при нестандартном разрешении экрана

 Mozilla bug #545685 #15990
Firefox (OS X & Linux)

Виджет Badge вызывает неожиданное отсутствие нижней границы виджета Tabs

 Mozilla bug #1259972 #19626
Chrome (Android)

При нажатии на <input> в прокручиваемом перекрытии <input> не прокручивается в область видимости

 Chromium issue #595210 #17338
Chrome (OS X)

При нажатии на кнопку увеличения <input type="number"> мигает кнопка уменьшения.

 Chromium issue #419108 Offshoot of #8350 & Chromium issue #337668
Chrome

CSS бесконечная линейная анимация с альфа-прозрачностью утекает память.

 Chromium issue #429375 #14409
Chrome

:focus стиль outline вызывает отсутствие курсора при переключении readonly <input> на чтение-запись.

 Chromium issue #465274 #16022
Chrome

table-cell границы не перекрываются всё равно margin-right: -1px

 Chromium issue #534750 #17438, #14237
Chrome

При нажатии на полосу прокрутки в <select multiple> с переполненными опциями выбираются близлежащие <option>

 Chromium issue #597642 #19810
Chrome

Не делайте :hover липким на удобных для касания веб-страницах

 Chromium issue #370155 #12832
Chrome (Windows & Linux)

Анимированный глюк при возвращении к неактивной вкладке после анимаций, которые произошли, когда вкладка была скрыта.

 Chromium issue #449180 #15298
Safari

rem единицы в медиа-запросах должны рассчитываться с использованием font-size: initial, а не font-size корневого элемента

 WebKit bug #156684 #17403
Safari (OS X)

px, em, и rem должны вести себя одинаково в медиа-запросах, когда применяется масштабирование страницы

 WebKit bug #156687 #17403
Safari (OS X)

Странное поведение кнопки с некоторыми <input type="number"> элементами.

 WebKit bug #137269, Apple Safari Radar #18834768 #8350, Normalize #283, Chromium issue #337668
Safari (OS X)

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

 WebKit bug #138192, Apple Safari Radar #19435018 #14868
Safari (iPad)

<select> меню на iPad вызывает сдвиг областей тестирования

 WebKit bug #150079, Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0); рендеринг ошибка.

 WebKit bug #138162, Apple Safari Radar #18804973 #14603
Safari (iOS)

Курсор в поле ввода не перемещается при прокрутке страницы.

 WebKit bug #138201, Apple Safari Radar #18819624 #14708
Safari (iOS)

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

 WebKit bug #148061, Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block вызывает вертикальное смещение текста временных <input>s

 WebKit bug #139848, Apple Safari Radar #19434878 #11266, #13098
Safari (iOS)

При нажатии на <body> не вызываются события click

 WebKit bug #151933 #16028
Safari (iOS)

position:fixed неправильно позиционирован, когда панель закладок видима на iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

При нажатии на <input> в position:fixed элементе прокручивается к верху страницы

 WebKit bug #153224, Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> с CSS overflow:hidden прокручивается на iOS

 WebKit bug #153852 #14839
Safari (iOS)

Скролл жест в текстовом поле в position:fixed элементе иногда прокручивает <body> вместо прокручиваемого предка

 WebKit bug #153856 #14839
Safari (iOS)

При нажатии с одного <input> на другой в перекрытии может возникнуть эффект тряски/встряхивания

 WebKit bug #158276 #19927
Safari (iOS)

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

 WebKit bug #158342 #17695
Safari (iOS)

Не делайте :hover липким на удобных для касания веб-страницах

 WebKit bug #158517 #12832
Safari (iPad Pro)

Рендеринг потомков элемента с position: fixed обрезается на iPad Pro в альбомном режиме

 WebKit bug #152637, Apple Safari Radar #24030853 #18738

Самые ожидаемые возможности

Существует несколько возможностей, описанных в веб-стандартах, которые позволили бы сделать Bootstrap более надёжным, элегантным или производительным, но они ещё не реализованы в некоторых браузерах, что мешает нам их использовать.

Мы публикуем эти "самые ожидаемые" запросы на фичи здесь, чтобы ускорить их внедрение.

Браузер(ы) Описание возможности Апстрим-issue(и) Issue Bootstrap
Microsoft Edge

Реализовать :dir() псевдокласс из Selectors Level 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

Реализовать липкое позиционирование (sticky positioning) из CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Firefox

Сгенерировать событие transitioncancel при отмене CSS-перехода

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Реализовать of <selector-list> для псевдокласса :nth-child()

 Mozilla bug #854148 #20143
Firefox

Реализовать HTML5 <dialog> элемент

 Mozilla bug #840640 #20175
Chrome

Реализовать of <selector-list> для псевдокласса :nth-child()

 Chromium issue #304163 #20143
Chrome

Реализовать :dir() псевдокласс из Selectors Level 4

 Chromium issue #576815 #19984
Chrome

Реализовать липкое позиционирование (sticky positioning) из CSS Positioned Layout Level 3

 Chromium issue #231752 #17021
Safari

Реализовать :dir() псевдокласс из Selectors Level 4

 WebKit bug #64861 #19984
Safari

Реализовать HTML5 <dialog> элемент

 WebKit bug #84635 #20175