Ściana błędów przeglądarki
Nieaktualna treść
Ta strona jest nieaktualna i nie ma już zastosowania do najnowszych wersji Bootstrap. Znajduje się tutaj wyłącznie w celach historycznych i zostanie usunięta w naszym następnym wydaniu głównym.
Bootstrap obecnie pracuje nad kilkoma wyjątkowymi błędami przeglądarek w głównych przeglądarkach, aby zapewnić najlepszą możliwą obsługę w różnych przeglądarkach. Niektórych błędów, takich jak wymienione poniżej, nie możemy rozwiązać.
Publicznie wymieniamy błędy przeglądarki, które mają na nas wpływ, w nadziei na przyspieszenie procesu ich naprawiania. Aby uzyskać informacje na temat zgodności przeglądarki Bootstrap, zapoznaj się z naszą dokumentacją dotyczącą zgodności przeglądarek .
Zobacz też:
- Problem z Chromium 536263: [meta] Problemy wpływające na Bootstrap
- Błąd Mozilli 1230801: Napraw problemy, które wpływają na Bootstrap
- Błąd WebKit 159753: [meta] Problemy dotyczące Bootstrapa
- Obejścia błędów przeglądarki jQuery
| Przeglądarki | Podsumowanie błędu | Problemy wydobywcze | Problemy z Bootstrapem |
|---|---|---|---|
| Brzeg | Artefakty wizualne w przewijalnych modalnych oknach dialogowych | Problem z krawędzią #9011176 | #20755 |
| Brzeg | Natywna etykietka przeglądarki dla titlepokazów przy pierwszym fokusie klawiatury (oprócz niestandardowego komponentu etykietki) |
Problem z krawędziami #6793560 | #18692 |
| Brzeg | Najechany element nadal pozostaje w :hoverstanie po przewinięciu. |
Problem z krawędzią #5381673 | #14211 |
| Brzeg | CSS border-radiusczasami powoduje linie przebijania background-colorelementu nadrzędnego. |
Problem z krawędzią #3342037 | #16671 |
| Brzeg | backgroundof <tr>jest stosowane tylko do pierwszej komórki podrzędnej, a nie do wszystkich komórek w wierszu |
Problem z krawędzią #5865620 | #18504 |
| Brzeg | W niektórych przypadkach kolor tła z dolnej warstwy przenika przez przezroczystą ramkę | Problem z krawędzią #6274505 | #18228 |
| Brzeg | Najechanie kursorem na potomny element SVG uruchamia mouseleavezdarzenie u przodka |
Problem z krawędzią #7787318 | #19670 |
| Brzeg | Aktywne position: fixed; <button>migotanie podczas przewijania |
Problem z krawędzią #8770398 | #20507 |
| Firefox | .table-borderedz pustym <tbody>brakiem granic. |
Błąd Mozilli #1023761 | #13453 |
| Firefox | Jeśli wyłączony stan kontrolki formularza zostanie zmieniony przez JavaScript, stan normalny nie zostanie zwrócony po odświeżeniu strony. | Błąd Mozilli #654072 | #793 |
| Firefox | focusimprezy nie powinny być odpalane w documentobiekcie |
Błąd Mozilli #1228802 | #18365 |
| Firefox | Szeroko pływający stół nie zawija się w nową linię | Błąd Mozilli #1277782 | #19839 |
| Firefox | Mysz czasami nie znajduje się w elemencie dla celów mouseenter/ mouseleavegdy znajduje się w elementach SVG |
Błąd Mozilli #577785 | #19670 |
| Firefox | Układ z pływającymi kolumnami łamie się podczas drukowania | Błąd Mozilli #1315994 | #21092 |
| Firefox (Windows) | <select>Czasami brakuje prawej krawędzi menu, gdy ekran jest ustawiony na nietypową rozdzielczość |
Błąd Mozilli #545685 | #15990 |
| Firefox (macOS i Linux) | Widżet odznaki powoduje, że dolna krawędź widżetu Tabs nieoczekiwanie nie nachodzi na siebie | Błąd Mozilli #1259972 | #19626 |
| Chrome (macOS) | Kliknięcie powyżej <input type="number">przycisku zwiększania powoduje miganie przycisku zmniejszania. |
Problem z chromem #419108 | #8350 , Problem z chromem #337668 |
| Chrom | Nieskończona liniowa animacja CSS z przezroczystością alfa powoduje wycieki pamięci. | Problem z chromem #429375 | #14409 |
| Chrom | table-cellgranice nie nakładają się pomimomargin-right: -1px |
Problem z chromem #749848 | #17438 , #14237 |
| Chrom | Nie :hoverprzyklejaj się na stronach przyjaznych dotykiem |
Problem z chromem #370155 | #12832 |
| Chrom | position: absoluteelement, który jest szerszy niż jego kolumna, jest niepoprawnie przycięty do granicy kolumny |
Problem z chromem #269061 | #20161 |
| Chrom | Znaczący spadek wydajności w przypadku dynamicznych plików SVG z tekstem w zależności od liczby czcionek w programie font-family. |
Problem z chromem #781344 | #24673 |
| Safari | remjednostki w zapytaniach o media powinny być obliczane przy użyciu font-size: initial, a nie elementu głównegofont-size |
Błąd WebKit #156684 | #17403 |
| Safari | Link do kontenera z identyfikatorem i tabindex powoduje ignorowanie kontenera przez VoiceOver (wpływa na pomijanie linków) | Błąd WebKit #163658 | #20732 |
| Safari | CSS min-widthi max-widthfunkcje multimedialne nie powinny zaokrąglać piksela ułamkowego |
Błąd WebKit #178261 | #25166 |
| Safari (macOS) | px, emi rempowinny zachowywać się tak samo w zapytaniach o media po zastosowaniu powiększenia strony |
Błąd WebKit #156687 | #17403 |
| Safari (macOS) | Dziwne zachowanie przycisków z niektórymi <input type="number">elementami. |
Błąd WebKit #137269 , Radar Apple Safari #18834768 | #8350 , Normalizuj #283 , Problem z chromem #337668 |
| Safari (macOS) | Mały rozmiar czcionki podczas drukowania strony internetowej o stałej szerokości .container. |
Błąd WebKit #138192 , Radar Apple Safari #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);błąd renderowania. |
Błąd WebKit #138162 , Radar Apple Safari #18804973 | #14603 |
| Safari (iOS) | Kursor wprowadzania tekstu nie porusza się podczas przewijania strony. | Błąd WebKit #138201 , Radar Apple Safari #18819624 | #14708 |
| Safari (iOS) | Nie można przesunąć kursora na początek tekstu po wpisaniu długiego ciągu tekstu do<input type="text"> |
Błąd WebKit #148061 , Radar Apple Safari #22299624 | #16988 |
| Safari (iOS) | display: blockpowoduje przesunięcie tekstu czasowego <input>s w pionie |
Błąd WebKit #139848 , Radar Apple Safari #19434878 | # 11266 , #13098 |
| Safari (iOS) | Stukanie <body>nie uruchamia clickzdarzeń |
Błąd WebKit #151933 | #16028 |
| Safari (iOS) | position:fixedjest nieprawidłowo ustawiony, gdy pasek kart jest widoczny na iPhonie 6S+ Safari |
Błąd WebKit #153056 | #18859 |
| Safari (iOS) | Stuknięcie <input>w position:fixedelement przewija do góry strony |
Błąd WebKit #153224 , Radar Apple Safari #24235301 | #17497 |
| Safari (iOS) | <body>z overflow:hiddenCSS można przewijać na iOS |
Błąd WebKit #153852 | #14839 |
| Safari (iOS) | Gest przewijania w polu tekstowym w position:fixedelemencie czasami przewija <body>się zamiast przewijalnego przodka |
Błąd WebKit #153856 | #14839 |
| Safari (iOS) | Modalne z -webkit-overflow-scrolling: touchnie można przewijać po dodaniu tekstu, który sprawia, że jest wyższy |
Błąd WebKit #158342 | #17695 |
| Safari (iOS) | Nie :hoverprzyklejaj się na stronach przyjaznych dotykiem |
Błąd WebKit #158517 | #12832 |
| Safari (iOS) | Element, który position:fixedznika po otwarciu <select>menu |
Błąd WebKit #162362 | #20759 |
| Safari (iPad Pro) | Renderowanie potomków position: fixedelementu jest przycinane na iPadzie Pro w orientacji poziomej |
Błąd WebKit #152637 , Radar Apple Safari #24030853 | #18738 |
Najbardziej poszukiwane funkcje
Istnieje kilka funkcji określonych w standardach internetowych, które pozwalają nam uczynić Bootstrap bardziej niezawodnym, eleganckim lub wydajnym, ale nie są jeszcze zaimplementowane w niektórych przeglądarkach, co uniemożliwia nam korzystanie z nich.
Publicznie wymieniamy tutaj te „najbardziej pożądane” prośby o funkcje, w nadziei na przyspieszenie procesu ich wdrażania.
| Przeglądarki | Podsumowanie funkcji | Problemy wydobywcze | Problemy z Bootstrapem |
|---|---|---|---|
| Brzeg | Elementy, które można ustawić, powinny uruchamiać zdarzenie skupienia/otrzymać: styl skupienia, gdy otrzymają fokus Narratora/ułatwienia dostępu | Pomysł Microsoft A11y UserVoice #16717318 | #20732 |
| Brzeg | Zaimplementuj :dir()pseudoklasę z poziomu selektorów 4 |
Pomysł na użytkownika Edge #12299532 | #19984 |
| Brzeg | Zaimplementuj <dialog>element HTML5 |
Pomysł na użytkownika Edge #6508895 | #20175 |
| Brzeg | Uruchom transitioncancelzdarzenie , gdy przejście CSS zostanie anulowane |
Pomysł na użytkownika Edge #15939898 | #20618 |
| Brzeg | Implementuj of <selector-list>klauzulę:nth-child() pseudoklasy _ |
Pomysł na użytkownika Edge #15944476 | #20143 |
| Firefox | Implementuj of <selector-list>klauzulę:nth-child() pseudoklasy _ |
Błąd Mozilli #854148 | #20143 |
| Firefox | Zaimplementuj <dialog>element HTML5 |
Błąd Mozilli #840640 | #20175 |
| Firefox | Gdy wirtualny fokus znajduje się na przycisku lub łączu, aktywuj również rzeczywisty fokus na elemencie | Błąd Mozilli #1000082 | #20732 |
| Chrom | Uruchom transitioncancelzdarzenie , gdy przejście CSS zostanie anulowane |
Problem z chromem #642487 | Problem z chromem #437860 |
| Chrom | Implementuj of <selector-list>klauzulę:nth-child() pseudoklasy _ |
Problem z chromem #304163 | #20143 |
| Chrom | Zaimplementuj :dir()pseudoklasę z poziomu selektorów 4 |
Problem z chromem #576815 | #19984 |
| Safari | Uruchom transitioncancelzdarzenie , gdy przejście CSS zostanie anulowane |
Błąd WebKit #161535 | #20618 |
| Safari | Zaimplementuj :dir()pseudoklasę z poziomu selektorów 4 |
Błąd WebKit #64861 | #19984 |
| Safari | Zaimplementuj <dialog>element HTML5 |
Błąd WebKit #84635 | #20175 |