Source

Mauer vun Browser Käfere

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:

Browser(en)	Resumé vum Käfer	Upstream Bugs (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	`@-ms-viewport{width: device-width;}`huet Nebenwirkung fir Scrollbars automatesch ze verstoppen	Edge Thema #7165383	#18543
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 (Android)	Tippen op en `<input>`an engem scrollbaren Iwwerlager scrollt net `<input>`an d'Siicht	Chrom Ausgab #595210	#17338
Chrome (macOS)	Klickt uewen op `<input type="number">`den Inkrementknäppchen blénkt den Decrement Knäppchen.	Chrom Ausgab #419108	Offshoot vum #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 trotz`margin-right: -1px`	Chrom Ausgab #749848	#17438 , #14237
Chrome	Klickt op Scrollbar `<select multiple>`mat iwwerflësseg Optiounen wielt Emgéigend`<option>`	Chrom Ausgab #597642	#19810
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 (Windows & Linux)	Animatiounsfehler beim Retour op inaktiven Tab nodeems Animatiounen opgetruede sinn wärend de Tab verstoppt war.	Chrom Ausgab #449180	#15298
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 Element`font-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