Mauer vun Browser Käfere
Verännert Inhalt
Dës Säit ass veroudert an ass net méi uwendbar fir déi lescht Versioune vu Bootstrap. Et ass elo reng fir historesch Zwecker hei a gëtt an eiser nächster grousser Verëffentlechung geläscht.
Bootstrap schafft momentan ronderëm verschidde aussergewéinlech Browserbugs a grousse Browser fir déi bescht Cross-Browser Erfahrung méiglech ze liwweren. E puer Bugs, wéi déi hei ënnendrënner opgezielt, kënnen net vun eis geléist ginn.
Mir lëschten ëffentlech Browserfehler déi eis hei beaflossen, an der Hoffnung de Prozess ze beschleunegen fir se ze fixéieren. Fir Informatiounen iwwer Bootstrap's Browser Kompatibilitéit, kuckt eis Browser Kompatibilitéitsdokumenter .
Kuck och:
- Chromium Ausgab 536263: [meta] Themen déi Bootstrap beaflossen
- Mozilla Käfer 1230801: Fixéiert d'Problemer déi Bootstrap beaflossen
- WebKit Käfer 159753: [meta] Themen déi Bootstrap beaflossen
- jQuery's Browser Bug Léisunge
Browser(en) | Resumé vum Käfer | Upstream Ausgab(en) | Bootstrap Problem(en) |
---|---|---|---|
Rand | Visuell Artefakte a scrollbar modalen Dialogen | Edge Thema #9011176 | #20755 |
Rand | Native Browser Tooltip fir title Shows um éischte Tastaturfokus (zousätzlech zum personaliséierten Tooltip Komponent) |
Edge Thema #6793560 | #18692 |
Rand | Hovered Element bleift nach am :hover Staat no scrolling ewech. |
Edge Thema #5381673 | #14211 |
Rand | CSS border-radius bewierkt heiansdo Linnen vun duerchblutung vun der background-color vun der Elterendeel Element. |
Edge Thema #3342037 | #16671 |
Rand | background vun <tr> gëtt nëmmen op éischt Kand Zell applizéiert amplaz all Zellen an der Zeil |
Edge Thema #5865620 | #18504 |
Rand | Hannergrondfaarf vun der ënneschter Schicht blutt duerch transparent Grenz an e puer Fäll | Edge Thema #6274505 | #18228 |
Rand | Hovering iwwer Nofolger SVG Element brennt mouseleave Event op Vorfahren |
Edge Thema #7787318 | #19670 |
Rand | Aktiv position: fixed; <button> flimmert beim Scrollen |
Edge Thema #8770398 | #20507 |
Firefox | .table-bordered mat engem eidel <tbody> vermësst Grenzen. |
Mozilla Käfer #1023761 | #13453 |
Firefox | Wann de behënnerte Staat vun enger Form Kontroll iwwer JavaScript geännert gëtt, geet den normalen Zoustand net zréck nodeems d'Säit erfrëscht ass. | Mozilla Käfer #654072 | #793 |
Firefox | focus Eventer sollen net op den document Objet geschoss ginn |
Mozilla Käfer #1228802 | #18365 |
Firefox | Breet geschwemmt Dësch wéckelt net op nei Linn | Mozilla Käfer #1277782 | #19839 |
Firefox | Maus heiansdo net bannent Element fir Zwecker vun mouseenter / mouseleave wann et bannent SVG Elementer ass |
Mozilla Käfer #577785 | #19670 |
Firefox | Layout mat geflossene Sailen brécht beim Drock | Mozilla Käfer #1315994 | #21092 |
Firefox (Windows) | Riets Grenz vum <select> Menü ass heiansdo vermësst wann Écran op ongewéinlech Resolutioun agestallt ass |
Mozilla Käfer #545685 | #15990 |
Firefox (macOS & Linux) | Badge Widget verursaacht déi ënnescht Grenz vum Tabs Widget onerwaart net iwwerlappt | Mozilla Käfer #1259972 | #19626 |
Chrome (macOS) | Klickt uewen op <input type="number"> den Inkrementknäppchen blénkt den Decrement Knäppchen. |
Chrom Ausgab #419108 | #8350 , Chromium Ausgab #337668 |
Chrome | CSS onendlech linear Animatioun mat Alpha Transparenz leckt Erënnerung. | Chrom Ausgab #429375 | #14409 |
Chrome | table-cell Grenzen net iwwerlappt trotzmargin-right: -1px |
Chrom Ausgab #749848 | #17438 , #14237 |
Chrome | Maacht net :hover plakeg op Touch-frëndlech Websäiten |
Chrom Ausgab #370155 | #12832 |
Chrome | position: absolute Element dat méi breed ass wéi seng Kolonn ass falsch op d'Kolonngrenz ofgeschnidden |
Chrom Ausgab #269061 | #20161 |
Chrome | Bedeitend Leeschtung Hit fir dynamesch SVGs mat Text je d'Zuel vun de Schrëften an font-family . |
Chrom Ausgab #781344 | #24673 |
Safari | rem Eenheeten a Medienufroe solle berechent ginn mat font-size: initial , net dem Root Elementfont-size |
WebKit Feeler #156684 | #17403 |
Safari | Link op Container mat ID an Tabindex resultéiert datt Container ignoréiert gëtt vu VoiceOver (beaflosst Skiplinks) | WebKit Käfer #163658 | #20732 |
Safari | CSS min-width a max-width Medien Feature sollten net fraktiounspixel ronnen |
WebKit Käfer #178261 | #25166 |
Safari (macOS) | px , em , a rem sollen all d'selwecht behuelen a Medienufroen wann Säitzoom applizéiert gëtt |
WebKit Käfer #156687 | #17403 |
Safari (macOS) | Komesch Knäppchen Verhalen mat e puer <input type="number"> Elementer. |
WebKit Käfer #137269 , Apple Safari Radar #18834768 | #8350 , Normaliséieren #283 , Chrom Ausgab #337668 |
Safari (macOS) | Kleng Schrëftgréisst beim Drock vun enger Websäit mat fixer Breet .container . |
WebKit Käfer #138192 , Apple Safari Radar #19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); Rendering Käfer. |
WebKit Käfer #138162 , Apple Safari Radar #18804973 | #14603 |
Safari (iOS) | De Cursor vum Textinput beweegt sech net beim Scrollen vun der Säit. | WebKit Käfer #138201 , Apple Safari Radar #18819624 | #14708 |
Safari (iOS) | Kann de Cursor net op den Ufank vum Text réckelen nodeems Dir eng laang String vum Text aginn huet<input type="text"> |
WebKit Käfer #148061 , Apple Safari Radar #22299624 | #16988 |
Safari (iOS) | display: block bewierkt Text vun temporärer <input> s vertikal misaligned ginn |
WebKit Käfer #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
Safari (iOS) | Tippen op <body> bréngt keng click Eventer of |
WebKit Käfer #151933 | #16028 |
Safari (iOS) | position:fixed ass falsch positionéiert wann d'Tabbar op iPhone 6S+ Safari sichtbar ass |
WebKit Feeler #153056 | #18859 |
Safari (iOS) | Tippen op en <input> an engem position:fixed Element scrollt bis uewen op der Säit |
WebKit Käfer #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> mat overflow:hidden CSS ass scrollbar op iOS |
WebKit Feeler #153852 | #14839 |
Safari (iOS) | Scroll Geste am Textfeld am position:fixed Element rullt heiansdo <body> amplaz scrollbaren Vorfahren |
WebKit Käfer #153856 | #14839 |
Safari (iOS) | Modal mat -webkit-overflow-scrolling: touch gëtt net scrollbar no derbäigesatem Text mécht et méi héich |
WebKit Feeler #158342 | #17695 |
Safari (iOS) | Maacht net :hover plakeg op Touch-frëndlech Websäiten |
WebKit Käfer #158517 | #12832 |
Safari (iOS) | Element dat position:fixed verschwënnt nodeems Dir e <select> Menü opmaacht |
WebKit Feeler #162362 | #20759 |
Safari (iPad Pro) | D'Rendering vun Nokommen vum position: fixed Element gëtt op iPad Pro a Landschaftsorientéierung ofgeschnidden |
WebKit Käfer #152637 , Apple Safari Radar #24030853 | #18738 |
Déi meescht gewënschte Funktiounen
Et gi verschidde Features spezifizéiert an de Webstandards, déi eis erlaben Bootstrap méi robust, elegant oder performant ze maachen, awer sinn nach net a bestëmmte Browser implementéiert, sou datt mir verhënnert dovun ze profitéieren.
Mir lëschten dës "meescht gewënschte" Feature Ufroen hei ëffentlech, an der Hoffnung de Prozess ze beschleunegen fir se ëmzesetzen.
Browser(en) | Resumé vun Fonktioun | Upstream Ausgab(en) | Bootstrap Problem(en) |
---|---|---|---|
Rand | Fokuséierbar Elementer solle Fokus Event brennen / kréien: Focus Styling wa se Narrator / Accessibilitéitsfokus kréien | Microsoft A11y UserVoice Iddi #16717318 | #20732 |
Rand | Implementéiert d' :dir() Pseudo-Klass vum Selectors Level 4 |
Edge UserVoice Iddi #12299532 | #19984 |
Rand | Implementéiert den HTML5 <dialog> Element |
Edge UserVoice Iddi #6508895 | #20175 |
Rand | Feier en transitioncancel Event wann en CSS Iwwergank annuléiert ass |
Edge UserVoice Iddi #15939898 | #20618 |
Rand | Ëmsetzen d' of <selector-list> Klausel vun der :nth-child() Pseudo-Klass |
Edge UserVoice Iddi #15944476 | #20143 |
Firefox | Ëmsetzen d' of <selector-list> Klausel vun der :nth-child() Pseudo-Klass |
Mozilla Käfer #854148 | #20143 |
Firefox | Implementéiert den HTML5 <dialog> Element |
Mozilla Käfer #840640 | #20175 |
Firefox | Wann de virtuelle Fokus op e Knäpp oder Link ass, brennt och tatsächlech Fokus op d'Element | Mozilla Käfer #1000082 | #20732 |
Chrome | Feier en transitioncancel Event wann en CSS Iwwergank annuléiert ass |
Chrom Ausgab #642487 | Chrom Ausgab #437860 |
Chrome | Ëmsetzen d' of <selector-list> Klausel vun der :nth-child() Pseudo-Klass |
Chrom Ausgab #304163 | #20143 |
Chrome | Implementéiert d' :dir() Pseudo-Klass vum Selectors Level 4 |
Chrom Ausgab #576815 | #19984 |
Safari | Feier en transitioncancel Event wann en CSS Iwwergank annuléiert ass |
WebKit Käfer #161535 | #20618 |
Safari | Implementéiert d' :dir() Pseudo-Klass vum Selectors Level 4 |
WebKit Feeler #64861 | #19984 |
Safari | Implementéiert den HTML5 <dialog> Element |
WebKit Feeler #84635 | #20175 |