Væg af browserfejl
Forældet indhold
Denne side er forældet og gælder ikke længere for de nyeste versioner af Bootstrap. Det er her udelukkende af historiske formål nu og vil blive fjernet i vores næste store udgivelse.
Bootstrap arbejder i øjeblikket omkring adskillige fremragende browserfejl i større browsere for at levere den bedst mulige cross-browser-oplevelse. Nogle fejl, som dem, der er anført nedenfor, kan ikke løses af os.
Vi lister offentligt browserfejl, der påvirker os her, i håb om at fremskynde processen med at rette dem. For information om Bootstraps browserkompatibilitet, se vores browserkompatibilitetsdokumenter .
Se også:
- Chromium-problem 536263: [meta] Problemer, der påvirker Bootstrap
- Mozilla-fejl 1230801: Løs de problemer, der påvirker Bootstrap
- WebKit-fejl 159753: [meta] Problemer, der påvirker Bootstrap
- Løsninger for jQuerys browserfejl
Browser(e) | Resumé af fejl | Upstream-problem(er) | Bootstrap-problemer |
---|---|---|---|
Edge | Visuelle artefakter i rulbare modale dialoger | Edge nummer #9011176 | #20755 |
Edge | Indbygget browserværktøjstip til title shows på første tastaturfokus (ud over brugerdefineret værktøjstip-komponent) |
Edge problem #6793560 | #18692 |
Edge | Svævende element forbliver stadig i :hover tilstanden efter at have rullet væk. |
Edge-nummer #5381673 | #14211 |
Edge | CSS border-radius forårsager nogle gange linjer med gennemløb af background-color det overordnede element. |
Edge problem #3342037 | #16671 |
Edge | background af <tr> anvendes kun på første underordnede celle i stedet for alle celler i rækken |
Edge problem #5865620 | #18504 |
Edge | Baggrundsfarven fra det nederste lag løber i nogle tilfælde gennem den gennemsigtige kant | Edge problem #6274505 | #18228 |
Edge | Hold markøren over efterkommer SVG-element udløser mouseleave begivenheden mod forfader |
Edge nummer #7787318 | #19670 |
Edge | Aktivt position: fixed; <button> flimmer, når du ruller |
Edge-nummer #8770398 | #20507 |
Firefox | .table-bordered med en tom <tbody> mangler grænser. |
Mozilla-fejl #1023761 | #13453 |
Firefox | Hvis den deaktiverede tilstand af en formularkontrol ændres via JavaScript, vender den normale tilstand ikke tilbage efter opdatering af siden. | Mozilla-fejl #654072 | #793 |
Firefox | focus begivenheder bør ikke skydes mod document genstanden |
Mozilla-fejl #1228802 | #18365 |
Firefox | Bredt flydende bord vikler sig ikke ind på ny linje | Mozilla-fejl #1277782 | #19839 |
Firefox | Musen er nogle gange ikke i elementet med henblik på mouseenter / mouseleave når den er i SVG-elementer |
Mozilla-fejl #577785 | #19670 |
Firefox | Layout med flydende søjler bryder ved udskrivning | Mozilla-fejl #1315994 | #21092 |
Firefox (Windows) | Højre kant af <select> menuen mangler nogle gange, når skærmen er indstillet til ualmindelig opløsning |
Mozilla-fejl #545685 | #15990 |
Firefox (macOS og Linux) | Badge-widget får den nederste kant af Tabs-widgetten uventet til ikke at overlappe | Mozilla-fejl #1259972 | #19626 |
Chrome (macOS) | Hvis du klikker på ovenstående <input type="number"> stigningsknap, blinker reduktionsknappen. |
Chromium-nummer #419108 | #8350 , Chromium nummer #337668 |
Chrome | CSS uendelig lineær animation med alpha-transparens lækker hukommelse. | Chromium-nummer #429375 | #14409 |
Chrome | table-cell grænser ikke overlapper trodsmargin-right: -1px |
Chromium-nummer #749848 | #17438 , #14237 |
Chrome | Bliv ikke :hover klæbrig på berøringsvenlige websider |
Chrom-udgave #370155 | #12832 |
Chrome | position: absolute element, der er bredere end dets kolonne, er forkert klippet til kolonnegrænsen |
Chromium-nummer #269061 | #20161 |
Chrome | Betydeligt præstationshit for dynamiske SVG'er med tekst afhængigt af antallet af skrifttyper i font-family . |
Chromium-nummer #781344 | #24673 |
Safari | rem enheder i medieforespørgsler skal beregnes ved hjælp af font-size: initial , ikke rodelementetsfont-size |
WebKit-fejl #156684 | #17403 |
Safari | Link til container med id og tabindex resulterer i, at container ignoreres af VoiceOver (påvirker overspringslinks) | WebKit-fejl #163658 | #20732 |
Safari | CSS- min-width og max-width mediefunktioner bør ikke afrunde fraktioneret pixel |
WebKit-fejl #178261 | #25166 |
Safari (macOS) | px , em , og rem bør alle opføre sig ens i medieforespørgsler, når sidezoom anvendes |
WebKit-fejl #156687 | #17403 |
Safari (macOS) | Underlig knapadfærd med nogle <input type="number"> elementer. |
WebKit-fejl #137269 , Apple Safari Radar #18834768 | #8350 , Normaliser #283 , Chrom-udgave #337668 |
Safari (macOS) | Lille skriftstørrelse ved udskrivning af webside med fast bredde .container . |
WebKit-fejl #138192 , Apple Safari Radar #19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); gengivelsesfejl. |
WebKit-fejl #138162 , Apple Safari Radar #18804973 | #14603 |
Safari (iOS) | Tekstinputs markør bevæger sig ikke, mens du ruller siden. | WebKit-fejl #138201 , Apple Safari Radar #18819624 | #14708 |
Safari (iOS) | Kan ikke flytte markøren til starten af tekst efter indtastning af en lang tekststreng<input type="text"> |
WebKit-fejl #148061 , Apple Safari Radar #22299624 | #16988 |
Safari (iOS) | display: block bevirker, at tekst af tidsmæssige <input> s bliver lodret forkert justeret |
WebKit-fejl #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
Safari (iOS) | At trykke på <body> udløser ikke click begivenheder |
WebKit-fejl #151933 | #16028 |
Safari (iOS) | position:fixed er forkert placeret, når fanelinjen er synlig på iPhone 6S+ Safari |
WebKit-fejl #153056 | #18859 |
Safari (iOS) | Når du trykker på et element <input> i et position:fixed element, ruller du til toppen af siden |
WebKit-fejl #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> med overflow:hidden CSS kan rulles på iOS |
WebKit-fejl #153852 | #14839 |
Safari (iOS) | Rul gestus i tekstfeltet i position:fixed element ruller nogle gange <body> i stedet for rullebar forfader |
WebKit-fejl #153856 | #14839 |
Safari (iOS) | Modal med -webkit-overflow-scrolling: touch bliver ikke rullebar efter tilføjet tekst gør den højere |
WebKit-fejl #158342 | #17695 |
Safari (iOS) | Bliv ikke :hover klæbrig på berøringsvenlige websider |
WebKit-fejl #158517 | #12832 |
Safari (iOS) | Element som er position:fixed forsvinder efter åbning af en <select> menu |
WebKit-fejl #162362 | #20759 |
Safari (iPad Pro) | Gengivelse af efterkommere af position: fixed element bliver klippet på iPad Pro i liggende retning |
WebKit-fejl #152637 , Apple Safari Radar #24030853 | #18738 |
Mest ønskede funktioner
Der er adskillige funktioner specificeret i webstandarder, som ville give os mulighed for at gøre Bootstrap mere robust, elegant eller mere effektiv, men som endnu ikke er implementeret i visse browsere, hvilket forhindrer os i at drage fordel af dem.
Vi lister offentligt disse "mest eftersøgte" funktionsanmodninger her, i håb om at fremskynde processen med at få dem implementeret.
Browser(e) | Resumé af funktion | Upstream-problem(er) | Bootstrap-problemer |
---|---|---|---|
Edge | Fokuserbare elementer skal udløse fokushændelse/modtage :focus styling, når de modtager Fortæller/tilgængelighedsfokus | Microsoft A11y UserVoice idé #16717318 | #20732 |
Edge | Implementer :dir() pseudoklassen fra Selectors Level 4 |
Edge UserVoice idé #12299532 | #19984 |
Edge | Implementer HTML5- <dialog> elementet |
Edge UserVoice idé #6508895 | #20175 |
Edge | Udløs en transitioncancel begivenhed, når en CSS-overgang er annulleret |
Edge UserVoice idé #15939898 | #20618 |
Edge | Implementer of <selector-list> klausulen for :nth-child() pseudoklassen |
Edge UserVoice idé #15944476 | #20143 |
Firefox | Implementer of <selector-list> klausulen for :nth-child() pseudoklassen |
Mozilla-fejl #854148 | #20143 |
Firefox | Implementer HTML5- <dialog> elementet |
Mozilla-fejl #840640 | #20175 |
Firefox | Når virtuelt fokus er på en knap eller et link, skal du også affyre faktisk fokus på elementet | Mozilla-fejl #1000082 | #20732 |
Chrome | Udløs en transitioncancel begivenhed, når en CSS-overgang er annulleret |
Chromium-nummer #642487 | Chromium-nummer #437860 |
Chrome | Implementer of <selector-list> klausulen for :nth-child() pseudoklassen |
Chromium-udgave #304163 | #20143 |
Chrome | Implementer :dir() pseudoklassen fra Selectors Level 4 |
Chromium-nummer #576815 | #19984 |
Safari | Udløs en transitioncancel begivenhed, når en CSS-overgang er annulleret |
WebKit-fejl #161535 | #20618 |
Safari | Implementer :dir() pseudoklassen fra Selectors Level 4 |
WebKit-fejl #64861 | #19984 |
Safari | Implementer HTML5- <dialog> elementet |
WebKit-fejl #84635 | #20175 |