in English
Стена от грешки в браузъра
Остаряло съдържание
Тази страница е остаряла и вече не е приложима за най-новите версии на Bootstrap. Сега е тук само за исторически цели и ще бъде премахнат в следващото ни голямо издание.
Понастоящем Bootstrap заобикаля няколко изключителни грешки в браузъра в основните браузъри, за да осигури възможно най-доброто изживяване между различни браузъри. Някои грешки, като изброените по-долу, не могат да бъдат разрешени от нас.
Ние публично изброяваме грешки в браузъра, които ни засягат тук, с надеждата да ускорим процеса на коригирането им. За информация относно съвместимостта на браузъра на Bootstrap вижте нашите документи за съвместимост на браузъра .
Вижте също:
- Chromium проблем 536263: [meta] Проблеми, засягащи Bootstrap
- Грешка в Mozilla 1230801: Коригирайте проблемите, които засягат Bootstrap
- Грешка в WebKit 159753: [meta] Проблеми, засягащи Bootstrap
- Заобиколни решения за грешка в браузъра на jQuery
| Браузър(и) | Резюме на грешка | Проблем(и) нагоре по веригата | Проблем(и) с 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 |
| Safari | remединиците в медийните заявки трябва да се изчисляват с помощта font-size: initialна , а не с коренния елементfont-size |
Грешка в WebKit #156684 | #17403 |
| Safari | Връзка към контейнер с id и tabindex води до игнориране на контейнера от VoiceOver (засяга връзките за пропускане) | Грешка в WebKit #163658 | #20732 |
| Safari | 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 по-здрав, елегантен или производителен, но все още не са внедрени в определени браузъри, което ни пречи да се възползваме от тях.
Ние публично изброяваме тези „най-търсени“ заявки за функции тук, с надеждата да ускорим процеса на тяхното внедряване.
| Браузър(и) | Резюме на функцията | Проблем(и) нагоре по веригата | Проблем(и) с 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 |
| Safari | Задейства transitioncancelсъбитие , когато CSS преход е отменен |
Грешка в WebKit #161535 | #20618 |
| Safari | Внедрете :dir()псевдокласа от селектори ниво 4 |
Грешка в WebKit #64861 | #19984 |
| Safari | Внедрете <dialog>елемента HTML5 |
Грешка в WebKit #84635 | #20175 |