Ś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 title pokazów przy pierwszym fokusie klawiatury (oprócz niestandardowego komponentu etykietki) |
Problem z krawędziami #6793560 | #18692 |
Brzeg | Najechany element nadal pozostaje w :hover stanie po przewinięciu. |
Problem z krawędzią #5381673 | #14211 |
Brzeg | CSS border-radius czasami powoduje linie przebijania background-color elementu nadrzędnego. |
Problem z krawędzią #3342037 | #16671 |
Brzeg | background of <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 mouseleave zdarzenie u przodka |
Problem z krawędzią #7787318 | #19670 |
Brzeg | Aktywne position: fixed; <button> migotanie podczas przewijania |
Problem z krawędzią #8770398 | #20507 |
Firefox | .table-bordered z 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 | focus imprezy nie powinny być odpalane w document obiekcie |
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 / mouseleave gdy 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-cell granice nie nakładają się pomimomargin-right: -1px |
Problem z chromem #749848 | #17438 , #14237 |
Chrom | Nie :hover przyklejaj się na stronach przyjaznych dotykiem |
Problem z chromem #370155 | #12832 |
Chrom | position: absolute element, 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 | rem jednostki 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-width i max-width funkcje multimedialne nie powinny zaokrąglać piksela ułamkowego |
Błąd WebKit #178261 | #25166 |
Safari (macOS) | px , em i rem powinny 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: block powoduje przesunięcie tekstu czasowego <input> s w pionie |
Błąd WebKit #139848 , Radar Apple Safari #19434878 | # 11266 , #13098 |
Safari (iOS) | Stukanie <body> nie uruchamia click zdarzeń |
Błąd WebKit #151933 | #16028 |
Safari (iOS) | position:fixed jest nieprawidłowo ustawiony, gdy pasek kart jest widoczny na iPhonie 6S+ Safari |
Błąd WebKit #153056 | #18859 |
Safari (iOS) | Stuknięcie <input> w position:fixed element przewija do góry strony |
Błąd WebKit #153224 , Radar Apple Safari #24235301 | #17497 |
Safari (iOS) | <body> z overflow:hidden CSS można przewijać na iOS |
Błąd WebKit #153852 | #14839 |
Safari (iOS) | Gest przewijania w polu tekstowym w position:fixed elemencie czasami przewija <body> się zamiast przewijalnego przodka |
Błąd WebKit #153856 | #14839 |
Safari (iOS) | Modalne z -webkit-overflow-scrolling: touch nie można przewijać po dodaniu tekstu, który sprawia, że jest wyższy |
Błąd WebKit #158342 | #17695 |
Safari (iOS) | Nie :hover przyklejaj się na stronach przyjaznych dotykiem |
Błąd WebKit #158517 | #12832 |
Safari (iOS) | Element, który position:fixed znika po otwarciu <select> menu |
Błąd WebKit #162362 | #20759 |
Safari (iPad Pro) | Renderowanie potomków position: fixed elementu 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 transitioncancel zdarzenie , 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 transitioncancel zdarzenie , 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 transitioncancel zdarzenie , 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 |