Source

Vägg av webbläsarbuggar

Bootstrap arbetar för närvarande kring flera enastående webbläsarbuggar i stora webbläsare för att leverera den bästa möjliga upplevelsen över flera webbläsare. Vissa buggar, som de som listas nedan, kan inte lösas av oss.

Vi listar offentligt webbläsarbuggar som påverkar oss här, i hopp om att påskynda processen att åtgärda dem. För information om Bootstraps webbläsarkompatibilitet, se våra webbläsarkompatibilitetsdokument .

Se även:

Webbläsare Sammanfattning av bugg Uppströms bugg(ar) Bootstrap-problem
Kant

Visuella artefakter i rullningsbara modala dialoger

Edge nummer #9011176 #20755
Kant

Inbyggt webbläsarverktygstips för titlevisningar på första tangentbordsfokus (utöver anpassad verktygstipskomponent)

Edge nummer #6793560 #18692
Kant

Svävat element förblir fortfarande i :hovertillstånd efter att ha rullat bort.

Kantnummer #5381673 #14211
Kant

CSS border-radiusorsakar ibland linjer av genomblodning background-colorav det överordnade elementet.

Kantnummer #3342037 #16671
Kant

backgroundav <tr>tillämpas endast på den första underordnade cellen istället för alla celler i raden

Kantnummer #5865620 #18504
Kant

Bakgrundsfärgen från det nedre lagret blöder genom genomskinlig kant i vissa fall

Edge nummer #6274505 #18228
Kant

Håller du muspekaren över det efterkommande SVG-elementet aktiveras mouseleavehändelsen mot förfadern

Edge nummer #7787318 #19670
Kant

Aktivt position: fixed; <button>flimmer när du rullar

Edge nummer #8770398 #20507
Firefox

.table-borderedmed en tom <tbody>saknas gränser.

Mozilla-fel #1023761 #13453
Firefox

Om det inaktiverade tillståndet för en formulärkontroll ändras via JavaScript, återgår inte det normala tillståndet efter att sidan har uppdaterats.

Mozilla-bugg #654072 #793
Firefox

focushändelser ska inte skjutas mot documentföremålet

Mozilla-bugg #1228802 #18365
Firefox

Brett flytande bord lindas inte in på ny linje

Mozilla-fel #1277782 #19839
Firefox

Musen är ibland inte i elementet i syfte att mouseenter/ mouseleavenär den är inom SVG-element

Mozilla bugg #577785 #19670
Firefox

Layout med flytande kolumner bryts vid utskrift

Mozilla-bugg #1315994 #21092
Firefox (Windows)

Den högra kanten på <select>menyn saknas ibland när skärmen är inställd på ovanlig upplösning

Mozilla-bugg #545685 #15990
Firefox (macOS & Linux)

Märkewidget gör att den nedre kanten av Tabs-widgeten oväntat inte överlappar varandra

Mozilla-bugg #1259972 #19626
Chrome (macOS)

Om du klickar på ökningsknappen ovan <input type="number">blinkar minskningsknappen.

Chromium nummer 419108 Utlöpare av #8350 & Chromium nummer #337668
Krom

CSS oändlig linjär animering med alfatransparens läcker minne.

Chromium nummer #429375 #14409
Krom

table-cellgränser inte överlappar trotsmargin-right: -1px

Chromium nummer #749848 #17438 , #14237
Krom

Bli inte :hoverklibbig på beröringsvänliga webbsidor

Chromium nummer 370155 #12832
Krom

position: absoluteelement som är bredare än dess kolumn är felaktigt klippt till kolumngränsen

Chromium nummer #269061 #20161
Krom

Betydande prestandaträff för dynamiska SVG:er med text beroende på antalet teckensnitt i font-family.

Chromium nummer #781344 #24673
Safari

remenheter i mediefrågor ska beräknas med font-size: initial, inte rotelementetsfont-size

WebKit-fel #156684 #17403
Safari

Länk till behållare med id och tabindex resulterar i att behållare ignoreras av VoiceOver (påverkar hoppa över länkar)

WebKit-fel #163658 #20732
Safari

CSS- min-widthoch max-widthmediefunktioner bör inte runda en bråkdel av pixlar

WebKit-fel #178261 #25166
Safari (macOS)

px, em, och rembör alla bete sig likadant i mediefrågor när sidzoom används

WebKit-fel #156687 #17403
Safari (macOS)

Konstigt knappbeteende med vissa <input type="number">element.

WebKit bugg #137269 , Apple Safari Radar #18834768 #8350 , Normalisera #283 , Chromium nummer #337668
Safari (macOS)

Liten teckenstorlek vid utskrift av webbsida med fast bredd .container.

WebKit bugg #138192 , Apple Safari Radar #19435018 #14868
Safari (iOS)

transform: translate3d(0,0,0);rendering bugg.

WebKit bugg #138162 , Apple Safari Radar #18804973 #14603
Safari (iOS)

Markören för textinmatning rör sig inte när du rullar på sidan.

WebKit bugg #138201 , Apple Safari Radar #18819624 #14708
Safari (iOS)

Det går inte att flytta markören till början av text efter att ha skrivit in en lång textsträng<input type="text">

WebKit bugg #148061 , Apple Safari Radar #22299624 #16988
Safari (iOS)

display: blockgör att text i temporal <input>s blir vertikalt feljusterad

WebKit bugg #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS)

Att trycka på <body>utlöser inga clickhändelser

WebKit-bugg #151933 #16028
Safari (iOS)

position:fixedär felaktigt placerad när flikfältet är synligt på iPhone 6S+ Safari

WebKit-fel #153056 #18859
Safari (iOS)

När du trycker på ett element i <input>ett position:fixedelement rullar du till toppen av sidan

WebKit bugg #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS)

<body>med overflow:hiddenCSS är rullningsbar på iOS

WebKit-fel #153852 #14839
Safari (iOS)

Scrollgest i textfält i position:fixedelement rullar ibland <body>istället för rullningsbar förfader

WebKit-fel #153856 #14839
Safari (iOS)

Modal med -webkit-overflow-scrolling: touchblir inte rullningsbar efter tillagd text gör den högre

WebKit-fel #158342 #17695
Safari (iOS)

Bli inte :hoverklibbig på beröringsvänliga webbsidor

WebKit-fel #158517 #12832
Safari (iOS)

Element som är position:fixedförsvinner efter att en <select>meny har öppnats

WebKit-fel #162362 #20759
Safari (iPad Pro)

Återgivning av avkomlingar till position: fixedelement klipps på iPad Pro i liggande orientering

WebKit bugg #152637 , Apple Safari Radar #24030853 #18738

Mest eftertraktade funktioner

Det finns flera funktioner specificerade i webbstandarder som skulle tillåta oss att göra Bootstrap mer robust, elegant eller prestanda, men som ännu inte är implementerade i vissa webbläsare, vilket hindrar oss från att dra nytta av dem.

Vi listar offentligt dessa "mest eftersökta" funktionsförfrågningar här, i hopp om att påskynda processen att få dem implementerade.

Webbläsare Sammanfattning av funktion Uppströmsproblem Bootstrap-problem
Kant

Fokuserbara element ska avfyra fokushändelse / ta emot :focus-stil när de får berättarröst/tillgänglighetsfokus

Microsoft A11y UserVoice idé #16717318 #20732
Kant

Implementera :dir()pseudoklassen från Selectors Level 4

Edge UserVoice idé #12299532 #19984
Kant

Implementera HTML5- <dialog>elementet

Edge UserVoice idé #6508895 #20175
Kant

Utlösa en transitioncancelhändelse när en CSS-övergång avbryts

Edge UserVoice idé #15939898 #20618
Kant

Implementera of <selector-list>klausulen i :nth-child()pseudoklassen

Edge UserVoice idé #15944476 #20143
Firefox

Implementera of <selector-list>klausulen i :nth-child()pseudoklassen

Mozilla-fel #854148 #20143
Firefox

Implementera HTML5- <dialog>elementet

Mozilla-fel #840640 #20175
Firefox

När virtuellt fokus är på en knapp eller länk, aktiverar du det faktiska fokuset på elementet också

Mozilla-bugg #1000082 #20732
Krom

Utlösa en transitioncancelhändelse när en CSS-övergång avbryts

Chromium nummer #642487 Chromium nummer #437860
Krom

Implementera of <selector-list>klausulen i :nth-child()pseudoklassen

Chromium nummer 304163 #20143
Krom

Implementera :dir()pseudoklassen från Selectors Level 4

Chromium nummer #576815 #19984
Safari

Utlösa en transitioncancelhändelse när en CSS-övergång avbryts

WebKit-fel #161535 #20618
Safari

Implementera :dir()pseudoklassen från Selectors Level 4

WebKit-fel #64861 #19984
Safari

Implementera HTML5- <dialog>elementet

WebKit-fel #84635 #20175