in English
Vägg av webbläsarbuggar
Föråldrat innehåll
Den här sidan är föråldrad och är inte längre tillämplig på de senaste versionerna av Bootstrap. Den är här enbart i historiska syften nu och kommer att tas bort i vår nästa stora release.
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:
- Chromium-problem 536263: [meta] Problem som påverkar Bootstrap
- Mozilla bugg 1230801: Åtgärda problemen som påverkar Bootstrap
- WebKit bugg 159753: [meta] Problem som påverkar Bootstrap
- Lösningar för jQuerys webbläsarfel
| Webbläsare | Sammanfattning av bugg | Uppströmsproblem | 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. |
Edge nummer #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 | #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 ligger på en knapp eller länk, aktiverar du faktiskt fokus 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 |