Source

Стіна помилок браузера

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

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

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

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

Візуальні артефакти в прокручуваних модальних діалогах

Випуск Edge №9011176 #20755
Край

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

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

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

Випуск Edge №5381673 #14211
Край

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

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

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

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

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

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

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

Випуск Edge №7787318 #19670
Край

Активно position: fixed; <button>мерехтить при прокручуванні

Випуск Edge №8770398 #20507
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

Макет із рухомими стовпцями розривається під час друку

Помилка Mozilla №1315994 #21092
Firefox (Windows)

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

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

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

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

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

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

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

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

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

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

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

Проблема Chromium №370155 #12832
Chrome

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

Проблема Chromium №269061 #20161
Chrome

Значне зниження продуктивності для динамічних 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
Safari (macOS)

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

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

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

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

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

Помилка WebKit #138192 , Apple Safari Radar #19435018 #14868
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)

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

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

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

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

Елемент, який position:fixedзникає після відкриття <select>меню

Помилка WebKit №162362 #20759
Safari (iPad Pro)

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

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

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

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

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

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

Елементи, які можна фокусувати, мають активувати подію/отримання фокусу: стиль фокусування, коли вони отримують фокус Екранного диктора/спеціальних можливостей

Ідея Microsoft A11y UserVoice №16717318 #20732
Край

Реалізуйте :dir()псевдоклас із селекторів рівня 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
Firefox

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

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

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

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

Коли віртуальний фокус знаходиться на кнопці або посиланні, фактичний фокус також запускається на елемент

Помилка Mozilla №1000082 #20732
Chrome

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

Проблема Chromium №642487 Випуск Chromium №437860
Chrome

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

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

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

Проблема Chromium №576815 #19984
Сафарі

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

Помилка WebKit №161535 #20618
Сафарі

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

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

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

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