Стена ошибок браузера
Устаревший контент
Эта страница устарела и больше не применима к последним версиям Bootstrap. Сейчас он здесь исключительно для исторических целей и будет удален в нашем следующем крупном выпуске.
Bootstrap в настоящее время работает над несколькими выдающимися ошибками браузера в основных браузерах, чтобы обеспечить наилучшее взаимодействие между браузерами. Некоторые ошибки, подобные перечисленным ниже, не могут быть устранены нами.
Мы публично перечисляем здесь ошибки браузера, которые влияют на нас, в надежде ускорить процесс их исправления. Для получения информации о совместимости Bootstrap с браузерами см. нашу документацию по совместимости браузеров .
Смотрите также:
- Проблема Chromium 536263: [мета] Проблемы, влияющие на Bootstrap
- Ошибка Mozilla 1230801: исправление проблем, влияющих на Bootstrap
- Ошибка WebKit 159753: [мета] Проблемы, влияющие на Bootstrap
- Обходные пути для обхода ошибок браузера jQuery
| Браузер(ы) | Краткое описание ошибки | Проблемы восходящего потока | Проблемы с загрузкой |
|---|---|---|---|
| Край | Визуальные артефакты в прокручиваемых модальных диалогах | Краевая проблема № 9011176 | #20755 |
| Край | Собственная всплывающая подсказка браузера для titleотображения при первом фокусе клавиатуры (в дополнение к пользовательскому компоненту всплывающей подсказки) |
Краевая проблема № 6793560 | №18692 |
| Край | Наведенный элемент все еще остается в :hoverсостоянии после прокрутки. |
Краевая проблема # 5381673 | №14211 |
| Край | CSS border-radiusиногда вызывает проступание линий background-colorродительского элемента. |
Краевая проблема #3342037 | №16671 |
| Край | backgroundof <tr>применяется только к первой дочерней ячейке, а не ко всем ячейкам в строке |
Краевая проблема # 5865620 | №18504 |
| Край | Цвет фона из нижнего слоя в некоторых случаях просачивается через прозрачную границу | Краевая проблема № 6274505 | №18228 |
| Край | Наведение курсора на элемент SVG-потомка запускает mouseleaveсобытие у предка |
Краевая проблема № 7787318 | №19670 |
| Край | Активно position: fixed; <button>мерцает при прокрутке |
Краевая проблема № 8770398 | №20507 |
| Fire Fox | .table-borderedс пустым <tbody>отсутствует границы. |
Ошибка Мозиллы #1023761 | №13453 |
| Fire Fox | Если отключенное состояние элемента управления формой изменено с помощью JavaScript, обычное состояние не возвращается после обновления страницы. | Ошибка Мозиллы № 654072 | #793 |
| Fire Fox | focusсобытия не должны запускаться на documentобъекте |
Ошибка Мозиллы № 1228802 | №18365 |
| Fire Fox | Широкая плавающая таблица не переносится на новую строку | Ошибка Мозиллы № 1277782 | №19839 |
| Fire Fox | Мышь иногда находится не внутри элемента для целей mouseenter/ mouseleaveкогда она находится внутри элементов SVG |
Ошибка Мозиллы # 577785 | №19670 |
| Fire Fox | Макет с плавающими столбцами ломается при печати | Ошибка Мозиллы № 1315994 | №21092 |
| Фаерфокс (Windows) | Правая граница <select>меню иногда отсутствует, когда для экрана установлено необычное разрешение . |
Ошибка Мозиллы # 545685 | #15990 |
| Firefox (macOS и Linux) | Виджет «Значок» приводит к тому, что нижняя граница виджета «Вкладки» неожиданно не перекрывается | Ошибка Мозиллы № 1259972 | №19626 |
| Хром (макОС) | При нажатии выше <input type="number">кнопки увеличения мигает кнопка уменьшения. |
Проблема с хромом №419108 | #8350 , Выпуск хрома #337668 |
| Хром | Бесконечная линейная анимация CSS с альфа-прозрачностью приводит к утечке памяти. | Проблема с хромом №429375 | №14409 |
| Хром | table-cellграницы не пересекаются, несмотря наmargin-right: -1px |
Выпуск хрома #749848 | #17438 , #14237 |
| Хром | Не делайте :hoverприлипающими на сенсорных веб-страницах |
Проблема с хромом №370155 | №12832 |
| Хром | position: absoluteэлемент, который шире своего столбца, неправильно обрезается до границы столбца |
Выпуск хрома №269061 | #20161 |
| Хром | Значительное снижение производительности для динамических SVG с текстом, зависящим от количества шрифтов в font-family. |
Выпуск хрома #781344 | №24673 |
| Сафари | remединицы в медиа-запросах должны рассчитываться с использованием font-size: initial, а не корневого элементаfont-size |
Ошибка WebKit № 156684 | №17403 |
| Сафари | Ссылка на контейнер с идентификатором и tabindex приводит к тому, что контейнер игнорируется 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 , Apple Safari Radar № 18834768 | #8350 , Нормализация #283 , Проблема с хромом #337668 |
| Сафари (macOS) | Маленький размер шрифта при печати веб-страницы с фиксированной шириной .container. |
Ошибка WebKit № 138192 , Apple Safari Radar № 19435018 | №14868 |
| Сафари (iOS) | transform: translate3d(0,0,0);ошибка рендеринга. |
Ошибка WebKit № 138162 , Радар Apple Safari № 18804973 | №14603 |
| Сафари (iOS) | Курсор ввода текста не двигается при прокрутке страницы. | Ошибка WebKit № 138201 , Apple Safari Radar № 18819624 | №14708 |
| Сафари (iOS) | Не удается переместить курсор в начало текста после ввода длинной строки текста в<input type="text"> |
Ошибка WebKit № 148061 , Apple Safari Radar № 22299624 | №16988 |
| Сафари (iOS) | display: blockзаставляет текст временных <input>s смещаться по вертикали |
Ошибка WebKit № 139848 , Apple Safari Radar № 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 Radar № 24235301 | №17497 |
| Сафари (iOS) | <body>с overflow:hiddenCSS прокручивается на iOS |
Ошибка WebKit № 153852 | №14839 |
| Сафари (iOS) | Жест прокрутки в текстовом поле position:fixedэлемента иногда прокручивается <body>вместо прокручиваемого предка |
Ошибка WebKit № 153856 | №14839 |
| Сафари (iOS) | Модальный с -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 , Apple Safari Radar № 24030853 | №18738 |
Наиболее востребованные функции
В веб-стандартах указано несколько функций, которые позволили бы нам сделать Bootstrap более надежным, элегантным или производительным, но они еще не реализованы в некоторых браузерах, что не позволяет нам воспользоваться ими.
Мы публично перечисляем эти «наиболее востребованные» функции здесь, в надежде ускорить процесс их реализации.
| Браузер(ы) | Краткое описание функции | Проблемы восходящего потока | Проблемы с загрузкой |
|---|---|---|---|
| Край | Фокусируемые элементы должны запускать событие фокуса/получать стиль :focus, когда они получают фокус экранного диктора/доступности. | Идея Microsoft A11y UserVoice #16717318 | №20732 |
| Край | Реализовать :dir()псевдокласс из Selectors Level 4 |
Идея Edge UserVoice #12299532 | #19984 |
| Край | Реализовать <dialog>элемент HTML5 |
Идея Edge UserVoice #6508895 | #20175 |
| Край | Запускать transitioncancelсобытие при отмене перехода CSS |
Идея Edge UserVoice #15939898 | №20618 |
| Край | Реализовать of <selector-list>предложение:nth-child() псевдокласса _ |
Идея Edge UserVoice #15944476 | #20143 |
| Fire Fox | Реализовать of <selector-list>предложение:nth-child() псевдокласса _ |
Ошибка Мозиллы #854148 | #20143 |
| Fire Fox | Реализовать <dialog>элемент HTML5 |
Ошибка Мозиллы #840640 | #20175 |
| Fire Fox | Когда виртуальный фокус находится на кнопке или ссылке, активируйте фактический фокус и на элементе. | Ошибка Мозиллы #1000082 | №20732 |
| Хром | Запускать transitioncancelсобытие при отмене перехода CSS |
Выпуск хрома № 642487 | Выпуск хрома #437860 |
| Хром | Реализовать of <selector-list>предложение:nth-child() псевдокласса _ |
Проблема с хромом №304163 | #20143 |
| Хром | Реализовать :dir()псевдокласс из Selectors Level 4 |
Выпуск хрома № 576815 | #19984 |
| Сафари | Запускать transitioncancelсобытие при отмене перехода CSS |
Ошибка WebKit # 161535 | №20618 |
| Сафари | Реализовать :dir()псевдокласс из Selectors Level 4 |
Ошибка WebKit № 64861 | #19984 |
| Сафари | Реализовать <dialog>элемент HTML5 |
Ошибка WebKit #84635 | #20175 |