Browser-Bugs

Bootstrap muss zurzeit um einige noch nicht behobene Bugs in größeren Browsern herumarbeiten, um das beste Erlebnis in allen Browsern zu liefern. Einige Bugs, wie die unten aufgeführten, können von uns nicht gelöst werden.

Wir veröffentlichen hier eine Liste von Browser-Bugs, die uns beeinträchtigen, in der Hoffnung deren Behebung zu beschleunigen. Sieh dir für Informationen zu Bootstraps Browser-Kompatiblität unsere Browser-Kompatibilität-Dokumentation an.

Siehe auch:

Browser Bug-Zusammenfassung Upstream-Berichte Bootstrap-Berichte
Microsoft Edge

Anzeigefehler in scrollbaren Modal-Fenstern

Edge#9011176 Bootstrap#20755
Microsoft Edge

Das title-Tooltip des Browsers wird zusammen mit dem Bootstrap-Tooltip angezeigt, sobald die Tastatur ein Element fokussiert

Edge#6793560 Bootstrap#18692
Internet Explorer 11

Element behält :hover-Stile nachdem darüber hinweg gescrollt wurde

IE#926665 Bootstrap#14211
Internet Explorer 11

Wenn der Cursor über einem <select>-Menüeintrag ist, hat er das für das Element darunter angemessene Aussehen

IE#963961 Bootstrap#14528
Microsoft Edge

border-radius im CSS verursacht manchmal, dass Linien in der background-color des übergeordneten Elements durchscheinen.

Edge#3342037 Bootstrap#16671
Microsoft Edge

background wird bei <tr> nur auf die erste Zelle und nicht auf alle Zellen der Tabellenzeile angewandt

Edge#5865620 Bootstrap#18504
Microsoft Edge

@-ms-viewport{width: device-width;} hat den Nebeneffekt, dass alle Scrollbars automatisch ausgeblendet werden

Edge#7165383 Bootstrap#18543
Microsoft Edge

Hintergrundfarbe aus tieferen Ebenen scheint in einigen Fällen durch transparente Rahmengrenzen durch

Edge#6274505 Bootstrap#18228
Microsoft Edge

Ein mouseleave-Event beim übergeordneten Element wird ausgelöst, wenn man den Mauszeiger über ein untergeordnetes SVG-Element hält

Edge#7787318 Bootstrap#19670
Firefox

.table-bordered mit leerem <tbody> hat keine Rahmengrenzen.

Mozilla#1023761 Bootstrap#13453
Firefox

Wenn der deaktivierte Status eines Formularelements über JavaScript geändert wird, kehrt dieses nicht zum normalen Status zurück bevor die Seite neu geladen wird.

Mozilla#654072 Bootstrap#793
Firefox

focus-Events sollten nicht beim document-Objekt ausgelöst werden

Mozilla#1228802 Bootstrap#18365
Firefox

Eine breite Tabelle mit float wird nicht auf eine neue Zeile umgebrochen

Mozilla#1277782 Bootstrap#19839
Firefox

Die Maus wird teilweise für mouseenter/mouseleave nicht innerhalb des Elements registriert, wenn sie sich innerhalb von SVG-Elementen befindet

Mozilla#577785 Bootstrap#19670
Firefox

Ein Element mit position: absolute, das breiter als seine Spalte ist, wird nicht so wie in anderen Browsern gerendert

Mozilla#1282363 Bootstrap#20161
Firefox (Windows)

Der rechte Rahmen von <select>-Menüs fehlt manchmal, wenn der Bildschirm eine ungewöhnliche Auflösung hat

Mozilla#545685 Bootstrap#15990
Firefox (OS X & Linux)

Eine Badge in einem Tab sorgt manchmal dafür, dass der untere Rahmen sich nicht überschneidet wie vorgesehen

Mozilla#1259972 Bootstrap#19626
Chrome (Android)

Wenn man ein <input> in einem scrollbaren Overlay antippt, wird es nicht in den sichtbaren Bereich gescrollt

Chromium#595210 Bootstrap#17338
Chrome (OS X)

Klicken über dem Vergrößern-Button von <input type="number"> hebt den Verkleinern-Button hervor.

Chromium#419108 Hervorgegangen aus Bootstrap#8350 & Chromium#337668
Chrome

Unendliche lineare CSS-Animation mit Alpha-Transparenz leakt Arbeitsspeicher.

Chromium#429375 Bootstrap#14409
Chrome

:focus outline Stile sorgen dafür, dass der Cursor nicht angezeigt wird, wenn ein readonly <input> in ein normales Eingabefeld umgewandelt wird.

Chromium#465274 Bootstrap#16022
Chrome

table-cell-Rahmen überlappen nicht, obwohl margin-right: -1px gesetzt ist

Chromium#534750 Bootstrap#17438, Bootstrap#14237
Chrome

Ein Klick auf die Scrollbar in <select multiple> mit Optionen, die über die Anzeige hinausgehen, wählt die nächstgelegene <option> aus

Chromium#597642 Bootstrap#19810
Chrome

:hover sollte auf für Touch optimierten Webseiten nicht sticky sein

Chromium#370155 Bootstrap#12832
Chrome (Windows & Linux)

Animationsfehler bei der Rückkehr zu einem inaktiven Tab, nachdem während der Tab im Hintergrund war, Animationen ausgeführt wurden.

Chromium#449180 Bootstrap#15298
Safari

rem-Einheiten in Media Queries sollten mit font-size: initial berechnet werden statt mit der font-size des obersten Elements

WebKit#156684 Bootstrap#17403
Safari (OS X)

px, em und rem sollten sich in Media Queries beim Zoomen einer Seite alle gleich verhalten

WebKit#156687 Bootstrap#17403
Safari (OS X)

Seltsames Button-Verhalten bei einigen <input type="number">-Elementen.

WebKit#137269, Safari#18834768 Bootstrap#8350, Normalize#283, Chromium#337668
Safari (OS X)

Kleine Schriftgröße beim Drucken von Webseiten mit .containern mit fester Breite.

WebKit#138192, Safari#19435018 Bootstrap#14868
Safari (iPad)

<select>-Menüs auf dem iPad sorgen dafür, dass Bereiche für Hit-Testing verschoben werden

WebKit#150079, Safari#23082521 Bootstrap#14975
Safari (iOS)

transform: translate3d(0,0,0); Rendering-Bug.

WebKit#138162, Safari#18804973 Bootstrap#14603
Safari (iOS)

Textfeld-Cursor bewegt sich beim Scrollen der Seite nicht mit.

WebKit#138201, Safari#18819624 Bootstrap#14708
Safari (iOS)

Cursor kann nach dem Einfügen eines langen Texts in <input type="text"> nicht zum Start verschoben werden

WebKit#148061, Safari#22299624 Bootstrap#16988
Safari (iOS)

display: block verursacht eine falsche vertikale Ausrichtung von Text in zeitlichen <input>s.

WebKit#139848, Safari#19434878 Bootstrap#11266, Bootstrap#13098
Safari (iOS)

Wenn man <body> antippt, wird kein click-Event ausgelöst

WebKit#151933 Bootstrap#16028
Safari (iOS)

position:fixed wird falsch positioniert, wenn die Tableiste in Safari auf iPhone 6S+ sichtbar ist

WebKit#153056 Bootstrap#18859
Safari (iOS)

Tippt man in ein <input> innerhalb eines Elements mit position:fixed, scrollt Safari zum Anfang der Seite

WebKit#153224, Safari#24235301 Bootstrap#17497
Safari (iOS)

<body> mit overflow:hidden kann auf iOS gescrollt werden

WebKit#153852 Bootstrap#14839
Safari (iOS)

Eine Scrollgeste in einem Textfeld innerhalb eines Elements mit position:fixed scrollt manchmal <body> statt des scrollbaren übergeordneten Elements

WebKit#153856 Bootstrap#14839
Safari (iOS)

Das Tippen von einem <input> in ein anderes innerhalb eines Overlays verursacht manchmal ein “Rütteln”/”Wackeln”

WebKit#158276 Bootstrap#19927
Safari (iOS)

Modals mit -webkit-overflow-scrolling: touch werden nicht scrollbar, wenn sie durch nachträglich hinzugefügten Text länger werden

WebKit#158342 Bootstrap#17695
Safari (iOS)

:hover sollte auf für Touch optimierten Webseiten nicht sticky sein

WebKit#158517 Bootstrap#12832
Safari (iPad Pro)

Elemente unter einem mit position: fixed werden auf dem horizontal gehaltenen iPad Pro abgeschnitten gerendert

WebKit#152637, Safari#24030853 Bootstrap#18738

Wunschliste von Funktionen

Es gibt einige Funktionen, die in Web-Standards definiert sind und uns erlauben würden, Bootstrap robuster, eleganter oder leistungsstärker zu machen, aber in bestimmten Browsern noch nicht implementiert sind. Deshalb können wir von diesen noch nicht profitieren.

Wir listen diese Funktionswünsche hier öffentlich auf, damit sie hoffentlich schnell implementiert werden.

Browser Funktionsbeschreibung Issue(s) beim Browser Issue(s) bei Bootstrap
Microsoft Edge

Die :dir() Pseudo-Class aus Selectors Level 4 implementieren

UserVoice#12299532 Bootstrap#19984
Microsoft Edge

Sticky Positioning aus CSS Positioned Layout Level 3 implementieren

UserVoice#6263621 Bootstrap#17021
Microsoft Edge

Das HTML5-Element <dialog> implementieren

UserVoice#6508895 Bootstrap#20175
Firefox

Ein transitioncancel-Event auslösen, wenn eine CSS-Transition abgebrochen wird

Mozilla#1264125 Mozilla#1182856
Firefox

Den of <selector-list>-Satz der :nth-child()-Pseudo-Class implementieren

Mozilla#854148 Bootstrap#20143
Firefox

Das HTML5-Element <dialog> implementieren

Mozilla#840640 Bootstrap#20175
Chrome

Den of <selector-list>-Satz der :nth-child()-Pseudo-Class implementieren

Chromium#304163 Bootstrap#20143
Chrome

Die :dir() Pseudo-Class aus Selectors Level 4 implementieren

Chromium#576815 Bootstrap#19984
Chrome

Sticky Positioning aus CSS Positioned Layout Level 3 implementieren

Chromium#231752 Bootstrap#17021
Safari

Die :dir() Pseudo-Class aus Selectors Level 4 implementieren

WebKit#64861 Bootstrap#19984
Safari

Das HTML5-Element <dialog> implementieren

WebKit#84635 Bootstrap#20175