Muur van browserbugs
Verouderde inhoud
Deze pagina is verouderd en is niet meer van toepassing op de nieuwste versies van Bootstrap. Het is hier nu puur voor historische doeleinden en zal worden verwijderd in onze volgende grote release.
Bootstrap werkt momenteel rond verschillende openstaande browserbugs in de belangrijkste browsers om de best mogelijke cross-browser-ervaring te bieden. Sommige bugs, zoals hieronder vermeld, kunnen niet door ons worden opgelost.
We vermelden hier publiekelijk browserbugs die van invloed zijn op ons, in de hoop het proces van het oplossen ervan te versnellen. Zie onze browsercompatibiliteitsdocumenten voor informatie over de browsercompatibiliteit van Bootstrap .
Zie ook:
- Chromium-probleem 536263: [meta] problemen met Bootstrap
- Mozilla-bug 1230801: Los de problemen op die van invloed zijn op Bootstrap
- WebKit-bug 159753: [meta] problemen met Bootstrap
- Oplossingen voor browserbugs van jQuery
Browser(s) | Samenvatting van bug | Stroomopwaartse kwestie (en) | Bootstrap-probleem(en) |
---|---|---|---|
Kant | Visuele artefacten in schuifbare modale dialogen | Randprobleem #9011176 | #20755 |
Kant | Tooltip van native browser voor title shows op eerste toetsenbordfocus (naast aangepaste tooltip-component) |
Randprobleem #6793560 | #18692 |
Kant | Het zwevende element blijft na het wegscrollen nog steeds in :hover de staat. |
Randprobleem #5381673 | #14211 |
Kant | CSS border-radius veroorzaakt soms doorbloedingslijnen background-color van het bovenliggende element. |
Randprobleem #3342037 | #16671 |
Kant | background van <tr> wordt alleen toegepast op de eerste onderliggende cel in plaats van op alle cellen in de rij |
Randprobleem #5865620 | #18504 |
Kant | Achtergrondkleur van de onderste laag loopt in sommige gevallen door de transparante rand | Randprobleem #6274505 | #18228 |
Kant | Bewegen over afstammeling SVG-element vuurt mouseleave gebeurtenis af op voorouder |
Randprobleem #7787318 | #19670 |
Kant | Actief position: fixed; <button> flikkert tijdens het scrollen |
Randprobleem #8770398 | #20507 |
Firefox | .table-bordered met een lege <tbody> ontbreekt randen. |
Mozilla-bug #1023761 | #13453 |
Firefox | Als de uitgeschakelde status van een formulierbesturingselement wordt gewijzigd via JavaScript, keert de normale status niet terug na het vernieuwen van de pagina. | Mozilla-bug #654072 | #793 |
Firefox | focus document gebeurtenissen mogen niet op het object worden afgevuurd |
Mozilla-bug #1228802 | #18365 |
Firefox | Brede zwevende tafel wikkelt zich niet in nieuwe lijn | Mozilla-bug #1277782 | #19839 |
Firefox | Muis soms niet binnen element voor doeleinden van mouseenter / mouseleave wanneer het binnen SVG-elementen is |
Mozilla-bug #577785 | #19670 |
Firefox | Lay-out met zwevende kolommen breekt tijdens het afdrukken | Mozilla-bug #1315994 | #21092 |
Firefox (Windows) | De rechterrand van <select> het menu ontbreekt soms wanneer het scherm is ingesteld op een ongebruikelijke resolutie |
Mozilla-bug #545685 | #15990 |
Firefox (macOS en Linux) | Badge-widget zorgt ervoor dat de onderrand van de widget Tabs onverwacht niet overlapt | Mozilla-bug #1259972 | #19626 |
Chrome (macOS) | Als u op de knop Verhogen klikt, <input type="number"> gaat de knop Verlagen knipperen. |
Chroom-uitgave #419108 | #8350 , Chroom-uitgave #337668 |
Chroom | CSS oneindige lineaire animatie met alfatransparantie lekt geheugen. | Chroomprobleem #429375 | #14409 |
Chroom | table-cell grenzen overlappen elkaar niet ondanksmargin-right: -1px |
Chroomprobleem #749848 | #17438 , #14237 |
Chroom | Niet :hover plakkerig maken op aanraakvriendelijke webpagina's |
Chroomprobleem #370155 | #12832 |
Chroom | position: absolute element dat breder is dan de kolom, is onjuist op de kolomgrens geknipt |
Chroom-uitgave #269061 | #20161 |
Chroom | Aanzienlijke prestatiehit voor dynamische SVG's met tekst, afhankelijk van het aantal lettertypen in font-family . |
Chroomprobleem #781344 | #24673 |
Safari | rem eenheden in mediaquery's moeten worden berekend met font-size: initial , niet met defont-size |
WebKit-bug #156684 | #17403 |
Safari | Link naar container met id en tabindex resulteert in het negeren van container door VoiceOver (heeft invloed op links overslaan) | WebKit-bug #163658 | #20732 |
Safari | CSS- min-width en max-width mediafuncties mogen fractionele pixels niet ronden |
WebKit-bug #178261 | #25166 |
Safari (macOS) | px , em , en rem zouden zich allemaal hetzelfde moeten gedragen in mediaquery's wanneer paginazoom is toegepast |
WebKit-bug #156687 | #17403 |
Safari (macOS) | Vreemd knopgedrag bij sommige <input type="number"> elementen. |
WebKit-bug #137269 , Apple Safari Radar #18834768 | #8350 , Normaliseren #283 , Chroomprobleem #337668 |
Safari (macOS) | Kleine lettergrootte bij het afdrukken van webpagina's met vaste breedte .container . |
WebKit-bug #138192 , Apple Safari Radar #19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); renderfout. |
WebKit-bug #138162 , Apple Safari Radar #18804973 | #14603 |
Safari (iOS) | De cursor van de tekstinvoer beweegt niet tijdens het scrollen op de pagina. | WebKit-bug #138201 , Apple Safari Radar #18819624 | #14708 |
Safari (iOS) | Kan de cursor niet naar het begin van de tekst verplaatsen na het invoeren van een lange reeks tekst in<input type="text"> |
WebKit-bug #148061 , Apple Safari Radar #22299624 | #16988 |
Safari (iOS) | display: block zorgt ervoor dat tekst van tijdelijke <input> s verticaal verkeerd uitgelijnd wordt |
WebKit-bug #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
Safari (iOS) | Als u op tikt, worden gebeurtenissen <body> niet geactiveerdclick |
WebKit-bug #151933 | #16028 |
Safari (iOS) | position:fixed is onjuist gepositioneerd wanneer de tabbalk zichtbaar is op iPhone 6S+ Safari |
WebKit-bug #153056 | #18859 |
Safari (iOS) | Als u op een element <input> binnen een position:fixed element tikt, schuift u naar de bovenkant van de pagina |
WebKit-bug #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> met overflow:hidden CSS is scrollbaar op iOS |
WebKit-bug #153852 | #14839 |
Safari (iOS) | Scrollgebaar in tekstveld in position:fixed element scrollt soms <body> in plaats van scrollbare voorouder |
WebKit-bug #153856 | #14839 |
Safari (iOS) | Modaal met -webkit-overflow-scrolling: touch wordt niet scrollbaar nadat toegevoegde tekst het groter maakt |
WebKit-bug #158342 | #17695 |
Safari (iOS) | Niet :hover plakkerig maken op aanraakvriendelijke webpagina's |
WebKit-bug #158517 | #12832 |
Safari (iOS) | Element dat position:fixed verdwijnt na het openen van een <select> menu |
WebKit-bug #162362 | #20759 |
Safari (iPad Pro) | Rendering van afstammelingen van position: fixed elementen wordt afgekapt op iPad Pro in Liggende oriëntatie |
WebKit-bug #152637 , Apple Safari Radar #24030853 | #18738 |
Meest gewilde functies
Er zijn verschillende functies gespecificeerd in webstandaarden die ons in staat zouden stellen om Bootstrap robuuster, eleganter of performanter te maken, maar die nog niet zijn geïmplementeerd in bepaalde browsers, waardoor we er geen gebruik van kunnen maken.
We vermelden deze "meest gewilde" functieverzoeken hier openbaar, in de hoop het proces om ze te implementeren te versnellen.
Browser(s) | Samenvatting van de functie | Stroomopwaartse kwestie (en) | Bootstrap-probleem(en) |
---|---|---|---|
Kant | Focusbare elementen moeten focusgebeurtenis activeren / ontvangen: focusstijl wanneer ze Verteller / toegankelijkheidsfocus ontvangen | Microsoft A11y UserVoice-idee #16717318 | #20732 |
Kant | Implementeer de :dir() pseudo-klasse van Selectors Level 4 |
Edge UserVoice-idee #12299532 | #19984 |
Kant | Implementeer het HTML5- <dialog> element |
Edge UserVoice-idee #6508895 | #20175 |
Kant | Een transitioncancel gebeurtenis starten wanneer een CSS-overgang wordt geannuleerd |
Edge UserVoice-idee #15939898 | #20618 |
Kant | Implementeer de of <selector-list> clausule van de :nth-child() pseudo-klasse |
Edge UserVoice-idee #15944476 | #20143 |
Firefox | Implementeer de of <selector-list> clausule van de :nth-child() pseudo-klasse |
Mozilla-bug #854148 | #20143 |
Firefox | Implementeer het HTML5- <dialog> element |
Mozilla-bug #840640 | #20175 |
Firefox | Wanneer de virtuele focus op een knop of link is, vuur dan ook de werkelijke focus op het element | Mozilla-bug #1000082 | #20732 |
Chroom | Een transitioncancel gebeurtenis starten wanneer een CSS-overgang wordt geannuleerd |
Chroomprobleem #642487 | Chroom-uitgave # 437860 |
Chroom | Implementeer de of <selector-list> clausule van de :nth-child() pseudo-klasse |
Chroom-uitgave #304163 | #20143 |
Chroom | Implementeer de :dir() pseudo-klasse van Selectors Level 4 |
Chroom-uitgave #576815 | #19984 |
Safari | Een transitioncancel gebeurtenis starten wanneer een CSS-overgang wordt geannuleerd |
WebKit-bug #161535 | #20618 |
Safari | Implementeer de :dir() pseudo-klasse van Selectors Level 4 |
WebKit-bug #64861 | #19984 |
Safari | Implementeer het HTML5- <dialog> element |
WebKit-bug #84635 | #20175 |