Wand von Browserfehlern
Veraltete Inhalte
Diese Seite ist veraltet und gilt nicht mehr für die neuesten Versionen von Bootstrap. Es dient jetzt nur noch historischen Zwecken und wird in unserer nächsten Hauptversion entfernt.
Bootstrap umgeht derzeit mehrere ausstehende Browserfehler in wichtigen Browsern, um das bestmögliche Cross-Browser-Erlebnis zu bieten. Einige Fehler, wie die unten aufgeführten, können von uns nicht behoben werden.
Wir listen Browserfehler, die uns betreffen, hier öffentlich auf, in der Hoffnung, den Prozess ihrer Behebung zu beschleunigen. Informationen zur Browserkompatibilität von Bootstrap finden Sie in unseren Dokumenten zur Browserkompatibilität .
Siehe auch:
- Chromium-Problem 536263: [meta] Probleme, die Bootstrap betreffen
- Mozilla-Fehler 1230801: Beheben Sie die Probleme, die Bootstrap betreffen
- WebKit-Fehler 159753: [meta] Probleme, die Bootstrap betreffen
- Problemumgehungen für Browserfehler von jQuery
Browser | Zusammenfassung des Fehlers | Upstream-Problem(e) | Bootstrap-Problem(e) |
---|---|---|---|
Rand | Visuelle Artefakte in scrollbaren modalen Dialogen | Edge-Problem Nr. 9011176 | #20755 |
Rand | Nativer Browser-Tooltip für Anzeigen title beim ersten Tastaturfokus (zusätzlich zur benutzerdefinierten Tooltip-Komponente) |
Edge-Ausgabe Nr. 6793560 | #18692 |
Rand | Das schwebende Element bleibt auch :hover nach dem Wegscrollen im Zustand. |
Edge-Ausgabe Nr. 5381673 | #14211 |
Rand | CSS border-radius verursacht manchmal Durchblutungslinien background-color des übergeordneten Elements. |
Edge-Ausgabe Nr. 3342037 | #16671 |
Rand | background von <tr> wird nur auf die erste untergeordnete Zelle angewendet und nicht auf alle Zellen in der Zeile |
Edge-Ausgabe Nr. 5865620 | #18504 |
Rand | Die Hintergrundfarbe der unteren Ebene blutet in einigen Fällen durch den transparenten Rand | Edge-Ausgabe Nr. 6274505 | #18228 |
Rand | Wenn Sie den Mauszeiger über ein untergeordnetes SVG-Element bewegen, wird ein mouseleave Ereignis beim Vorfahren ausgelöst |
Edge-Problem Nr. 7787318 | #19670 |
Rand | Active position: fixed; <button> flackert beim Scrollen |
Edge-Problem Nr. 8770398 | #20507 |
Feuerfuchs | .table-bordered bei einem leeren <tbody> fehlen grenzen. |
Mozilla-Fehler Nr. 1023761 | #13453 |
Feuerfuchs | Wenn der deaktivierte Zustand eines Formularsteuerelements über JavaScript geändert wird, kehrt der normale Zustand nach dem Aktualisieren der Seite nicht zurück. | Mozilla-Fehler Nr. 654072 | #793 |
Feuerfuchs | focus document Ereignisse sollten nicht auf das Objekt abgefeuert werden |
Mozilla-Fehler Nr. 1228802 | #18365 |
Feuerfuchs | Breite Floating-Tabelle wird nicht auf neue Zeile umbrochen | Mozilla-Fehler Nr. 1277782 | #19839 |
Feuerfuchs | Die Maus befindet sich manchmal nicht innerhalb des Elements für mouseenter / mouseleave wenn sie sich innerhalb von SVG-Elementen befindet |
Mozilla-Fehler Nr. 577785 | #19670 |
Feuerfuchs | Layout mit schwebenden Spalten bricht beim Drucken ab | Mozilla-Fehler Nr. 1315994 | #21092 |
Firefox (Windows) | Der rechte Rand des <select> Menüs fehlt manchmal, wenn der Bildschirm auf eine ungewöhnliche Auflösung eingestellt ist |
Mozilla-Fehler Nr. 545685 | #15990 |
Firefox (macOS & Linux) | Das Abzeichen-Widget führt dazu, dass sich der untere Rand des Registerkarten-Widgets unerwartet nicht überlappt | Mozilla-Fehler Nr. 1259972 | #19626 |
Chrom (macOS) | Durch Klicken auf <input type="number"> die Inkrement-Schaltfläche blinkt die Dekrement-Schaltfläche. |
Chromium-Ausgabe Nr. 419108 | Nr. 8350 , Chromium-Ausgabe Nr. 337668 |
Chrom | CSS unendliche lineare Animation mit Alpha-Transparenz verliert Speicher. | Chromium-Ausgabe Nr. 429375 | #14409 |
Chrom | table-cell trotz Überlappung der Grenzen nichtmargin-right: -1px |
Chromium-Ausgabe Nr. 749848 | #17438 , #14237 |
Chrom | :hover Machen Sie auf berührungsfreundlichen Webseiten kein Sticky |
Chromium-Ausgabe Nr. 370155 | #12832 |
Chrom | position: absolute Element, das breiter als seine Spalte ist, wird fälschlicherweise an der Spaltengrenze beschnitten |
Chromium-Ausgabe Nr. 269061 | #20161 |
Chrom | Erheblicher Leistungseinbruch für dynamische SVGs mit Text, abhängig von der Anzahl der Schriftarten in font-family . |
Chromium-Ausgabe Nr. 781344 | #24673 |
Safari | rem Einheiten in Medienabfragen sollten mit berechnet werden font-size: initial , nicht mit dem des Root-Elementsfont-size |
WebKit-Fehler Nr. 156684 | #17403 |
Safari | Link zu Container mit ID und Tabindex führt dazu, dass der Container von VoiceOver ignoriert wird (betrifft Skip-Links) | WebKit-Fehler Nr. 163658 | #20732 |
Safari | CSS- min-width und max-width Medienfunktionen sollten nicht gebrochene Pixel runden |
WebKit-Fehler Nr. 178261 | #25166 |
Safari (macOS) | px , em , und rem sollten sich in Medienabfragen alle gleich verhalten, wenn der Seitenzoom angewendet wird |
WebKit-Fehler Nr. 156687 | #17403 |
Safari (macOS) | Seltsames Tastenverhalten bei einigen <input type="number"> Elementen. |
WebKit-Fehler Nr. 137269 , Apple Safari Radar Nr. 18834768 | #8350 , Normalisieren #283 , Chromium-Problem #337668 |
Safari (macOS) | Kleine Schriftgröße beim Drucken von Webseiten mit fester Breite .container . |
WebKit-Fehler Nr. 138192 , Apple Safari Radar Nr. 19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); Rendering-Fehler. |
WebKit-Fehler Nr. 138162 , Apple Safari Radar Nr. 18804973 | #14603 |
Safari (iOS) | Der Cursor der Texteingabe bewegt sich nicht, während die Seite gescrollt wird. | WebKit-Fehler Nr. 138201 , Apple Safari Radar Nr. 18819624 | #14708 |
Safari (iOS) | Der Cursor kann nicht an den Textanfang bewegt werden, nachdem eine lange Textfolge eingegeben wurde<input type="text"> |
WebKit-Fehler Nr. 148061 , Apple Safari Radar Nr. 22299624 | #16988 |
Safari (iOS) | display: block bewirkt, dass der Text von temporalen <input> s vertikal falsch ausgerichtet wird |
WebKit-Fehler Nr. 139848 , Apple Safari Radar Nr. 19434878 | #11266 , #13098 |
Safari (iOS) | Tippen auf <body> löst keine click Ereignisse aus |
WebKit-Fehler Nr. 151933 | #16028 |
Safari (iOS) | position:fixed ist falsch positioniert, wenn die Registerkartenleiste auf iPhone 6S+ Safari sichtbar ist |
WebKit-Fehler Nr. 153056 | #18859 |
Safari (iOS) | Durch Tippen auf ein <input> innerhalb eines position:fixed Elements wird zum Seitenanfang gescrollt |
WebKit-Fehler Nr. 153224 , Apple Safari Radar Nr. 24235301 | #17497 |
Safari (iOS) | <body> mit overflow:hidden CSS ist auf iOS scrollbar |
WebKit-Fehler Nr. 153852 | #14839 |
Safari (iOS) | Die Scroll-Geste im Textfeld im position:fixed Element scrollt manchmal <body> anstelle des scrollbaren Vorfahren |
WebKit-Fehler Nr. 153856 | #14839 |
Safari (iOS) | Modal mit -webkit-overflow-scrolling: touch wird nicht scrollbar, nachdem hinzugefügter Text es größer macht |
WebKit-Fehler Nr. 158342 | #17695 |
Safari (iOS) | :hover Machen Sie auf berührungsfreundlichen Webseiten kein Sticky |
WebKit-Fehler Nr. 158517 | #12832 |
Safari (iOS) | Element, das position:fixed nach dem Öffnen eines <select> Menüs verschwindet |
WebKit-Fehler Nr. 162362 | #20759 |
Safari (iPad Pro) | Das Rendern von Nachkommen des position: fixed Elements wird auf dem iPad Pro im Querformat beschnitten |
WebKit-Fehler Nr. 152637 , Apple Safari Radar Nr. 24030853 | #18738 |
Meistgesuchte Funktionen
In Webstandards sind mehrere Funktionen angegeben, die es uns ermöglichen würden, Bootstrap robuster, eleganter oder leistungsfähiger zu machen, aber in bestimmten Browsern noch nicht implementiert sind, sodass wir sie nicht nutzen können.
Wir listen diese „meistgesuchten“ Funktionsanfragen hier öffentlich auf, in der Hoffnung, den Prozess ihrer Implementierung zu beschleunigen.
Browser | Zusammenfassung der Funktion | Upstream-Problem(e) | Bootstrap-Problem(e) |
---|---|---|---|
Rand | Fokussierbare Elemente sollten das Fokusereignis auslösen / das :focus-Styling erhalten, wenn sie den Narrator-/Barrierefreiheitsfokus erhalten | Microsoft A11y UserVoice-Idee #16717318 | #20732 |
Rand | Implementieren Sie die :dir() Pseudoklasse aus Selectors Level 4 |
Edge UserVoice-Idee #12299532 | #19984 |
Rand | Implementieren Sie das HTML5- <dialog> Element |
Edge UserVoice-Idee #6508895 | #20175 |
Rand | Löst ein transitioncancel Ereignis aus, wenn ein CSS-Übergang abgebrochen wird |
Edge UserVoice-Idee #15939898 | #20618 |
Rand | Implementieren Sie die of <selector-list> Klausel der :nth-child() Pseudoklasse |
Edge UserVoice-Idee #15944476 | #20143 |
Feuerfuchs | Implementieren Sie die of <selector-list> Klausel der :nth-child() Pseudoklasse |
Mozilla-Fehler #854148 | #20143 |
Feuerfuchs | Implementieren Sie das HTML5- <dialog> Element |
Mozilla-Fehler Nr. 840640 | #20175 |
Feuerfuchs | Wenn der virtuelle Fokus auf einer Schaltfläche oder einem Link liegt, feuern Sie auch den tatsächlichen Fokus auf das Element | Mozilla-Fehler Nr. 1000082 | #20732 |
Chrom | Löst ein transitioncancel Ereignis aus, wenn ein CSS-Übergang abgebrochen wird |
Chromium-Ausgabe Nr. 642487 | Chromium-Ausgabe Nr. 437860 |
Chrom | Implementieren Sie die of <selector-list> Klausel der :nth-child() Pseudoklasse |
Chromium-Ausgabe Nr. 304163 | #20143 |
Chrom | Implementieren Sie die :dir() Pseudoklasse aus Selectors Level 4 |
Chromium-Ausgabe Nr. 576815 | #19984 |
Safari | Löst ein transitioncancel Ereignis aus, wenn ein CSS-Übergang abgebrochen wird |
WebKit-Fehler Nr. 161535 | #20618 |
Safari | Implementieren Sie die :dir() Pseudoklasse aus Selectors Level 4 |
WebKit-Fehler Nr. 64861 | #19984 |
Safari | Implementieren Sie das HTML5- <dialog> Element |
WebKit-Fehler Nr. 84635 | #20175 |