in English
Стіна помилок браузера
Застарілий вміст
Ця сторінка застаріла та більше не підходить для останніх версій Bootstrap. Зараз він тут лише з історичних міркувань і буде видалений у нашому наступному великому випуску.
Наразі Bootstrap працює з кількома видатними помилками в основних веб-переглядачах, щоб забезпечити найкращий кросбраузерний досвід. Деякі помилки, як-от перелічені нижче, ми не можемо вирішити.
Ми публічно перераховуємо помилки браузера, які впливають на нас, у надії пришвидшити процес їх усунення. Щоб отримати інформацію про сумісність браузера Bootstrap, перегляньте наші документи щодо сумісності браузера .
Дивіться також:
- Проблема Chromium 536263: [meta] Проблеми, які впливають на Bootstrap
- Помилка Mozilla 1230801: виправте проблеми, які впливають на Bootstrap
- Помилка WebKit 159753: [meta] Проблеми, що впливають на Bootstrap
- Обхідні шляхи вирішення помилок браузера jQuery
| Браузер(и) | Короткий опис помилки | Вихідні проблеми | Проблеми початкового завантаження |
|---|---|---|---|
| Край | Візуальні артефакти в прокручуваних модальних діалогах | Випуск 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 |