Source

Wall of browser bugs

Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.

We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap’s browser compatibility, see our browser compatibility docs.

See also:

Browser(s)	Summary of bug	Upstream bug(s)	Bootstrap issue(s)
Edge	Visual artifacts in scrollable modal dialogs	Edge issue #9011176	#20755
Edge	Native browser tooltip for `title` shows on first keyboard focus (in addition to custom tooltip component)	Edge issue #6793560	#18692
Edge	Hovered element still remains in `:hover` state after scrolling away.	Edge issue #5381673	#14211
Edge	CSS `border-radius` sometimes causes lines of bleed-through of the `background-color` of the parent element.	Edge issue #3342037	#16671
Edge	`background` of `<tr>` is only applied to first child cell instead of all cells in the row	Edge issue #5865620	#18504
Edge	Background color from lower layer bleeds through transparent border in some cases	eti atejade # 6274505	#18228
Eti	Nràbaba lori arọmọdọmọ SVG eroja ina `mouseleave`iṣẹlẹ ni baba	eti atejade # 7787318	#19670
Eti	Ti nṣiṣe lọwọ `position: fixed;` `<button>`flickers nigba ti yi lọ	eti atejade # 8770398	#20507
Firefox	`.table-bordered`pẹlu ohun ṣofo `<tbody>`ti sonu awọn aala.	Mozilla kokoro # 1023761	#13453
Firefox	Ti ipo alaabo ti iṣakoso fọọmu kan ti yipada nipasẹ JavaScript, ipo deede ko pada lẹhin mimu oju-iwe naa pada.	Mozilla kokoro # 654072	#793
Firefox	`focus`awọn iṣẹlẹ ko yẹ ki o wa ni ina si `document`nkan naa	Mozilla kokoro # 1228802	#18365
Firefox	Tabili leefofo jakejado ko fi ipari si laini tuntun	Mozilla kokoro # 1277782	#19839
Firefox	Asin nigbakan kii ṣe laarin eroja fun awọn idi ti `mouseenter`/ `mouseleave`nigbati o wa laarin awọn eroja SVG	Mozilla kokoro # 577785	#19670
Firefox	Ifilelẹ pẹlu awọn ọwọn lilefoofo fọ nigba titẹ sita	Mozilla kokoro # 1315994	#21092
Firefox (Windows)	Aala apa ọtun ti `<select>`akojọ aṣayan nigba miiran sonu nigbati iboju ti ṣeto si ipinnu ti ko wọpọ	Mozilla kokoro # 545685	#15990
Firefox (macOS ati Lainos)	Ẹrọ ailorukọ baaji fa aala isalẹ ti ẹrọ ailorukọ Awọn taabu lati lairotẹlẹ ko ni lqkan	Mozilla kokoro # 1259972	#19626
Chrome (macOS)	Tite loke `<input type="number">`bọtini afikun seju mọlẹ bọtini idinku.	Chromium atejade # 419108	Aisikuro ti #8350 & Chromium atejade #337668
Chrome	Idaraya laini ailopin CSS pẹlu akoyawo alfa n jo iranti.	Chromium atejade # 429375	#14409
Chrome	`table-cell`awọn aala ko ni lqkan pelu`margin-right: -1px`	Chromium atejade # 749848	# 17438 , # 14237
Chrome	Maṣe ṣe `:hover`alalepo lori awọn oju opo wẹẹbu ore-ifọwọkan	Chromium atejade # 370155	#12832
Chrome	`position: absolute`eroja ti o gbooro ju iwe rẹ lọ ti ge ni aṣiṣe si aala ọwọn	Chromium atejade # 269061	#20161
Chrome	Kọlu iṣẹ ṣiṣe pataki fun awọn SVG ti o ni agbara pẹlu ọrọ ti o da lori nọmba awọn nkọwe ninu `font-family`.	Chromium atejade # 781344	#24673
Safari	`rem`awọn sipo ninu awọn ibeere media yẹ ki o ṣe iṣiro ni lilo `font-size: initial`, kii ṣe awọn eroja gbongbo`font-size`	WebKit kokoro # 156684	#17403
Safari	Ọna asopọ si eiyan pẹlu id ati awọn abajade tabindex ninu apoti ti o jẹ aifiyesi nipasẹ VoiceOver (ni ipa awọn ọna asopọ fo)	WebKit kokoro # 163658	#20732
Safari	CSS `min-width`ati `max-width`awọn ẹya media ko yẹ ki o yi piksẹli ida	WebKit kokoro # 178261	#25166
Safari (macOS)	`px`, `em`, ati `rem`pe gbogbo wọn yẹ ki o huwa kanna ni awọn ibeere media nigbati sun-un oju-iwe ba lo	WebKit kokoro # 156687	#17403
Safari (macOS)	Iwa bọtini isokuso pẹlu diẹ ninu awọn `<input type="number">`eroja.	Bug WebKit # 137269 , Apple Safari Reda # 18834768	#8350 , Deede #283 , Chromium atejade #337668
Safari (macOS)	Iwọn font kekere nigba titẹ oju-iwe wẹẹbu pẹlu iwọn ti o wa titi `.container`.	WebKit kokoro # 138192 , Apple Safari Reda # 19435018	#14868
Safari (iOS)	`transform: translate3d(0,0,0);`kokoro Rendering.	WebKit kokoro # 138162 , Apple Safari Reda # 18804973	#14603
Safari (iOS)	Kọsọ ọrọ ti nwọle ko gbe lakoko ti o yi oju-iwe naa lọ.	WebKit kokoro # 138201 , Apple Safari Reda # 18819624	#14708
Safari (iOS)	Ko le gbe kọsọ si ibẹrẹ ọrọ lẹhin titẹ okun gigun ti ọrọ sinu`<input type="text">`	WebKit kokoro # 148061 , Apple Safari Reda # 22299624	#16988
Safari (iOS)	`display: block`fa ọrọ ti `<input>`s igba die di aiṣedeede ni inaro	WebKit kokoro # 139848 , Apple Safari Reda # 19434878	# 11266 , # 13098
Safari (iOS)	Titẹ ni kia kia `<body>`awọn `click`iṣẹlẹ	WebKit kokoro # 151933	#16028
Safari (iOS)	`position:fixed`ti wa ni ipo ti ko tọ nigbati igi taabu han lori iPhone 6S+ Safari	WebKit kokoro # 153056	#18859
Safari (iOS)	Titẹ sinu nkan `<input>`kan `position:fixed`yi lọ si oke oju-iwe naa	Bug WebKit # 153224 , Apple Safari Reda # 24235301	#17497
Safari (iOS)	`<body>`pẹlu `overflow:hidden`CSS jẹ scrollable lori iOS	WebKit kokoro # 153852	#14839
Safari (iOS)	Yi lọ afarajuwe ni aaye ọrọ ni `position:fixed`ano ma yi lọ `<body>`dipo ti yiyi baba baba	WebKit kokoro # 153856	#14839
Safari (iOS)	Modal pẹlu `-webkit-overflow-scrolling: touch`ko ni di scrollable lẹhin ti fi kun ọrọ mu ki o ga	WebKit kokoro # 158342	#17695
Safari (iOS)	Maṣe ṣe `:hover`alalepo lori awọn oju opo wẹẹbu ore-ifọwọkan	WebKit kokoro # 158517	#12832
Safari (iOS)	Ano eyi ti o `position:fixed`farasin lẹhin ṣiṣi `<select>`akojọ aṣayan kan	WebKit kokoro # 162362	#20759
Safari (iPad Pro)	Itumọ ti awọn ọmọ ti `position: fixed`eroja ni a ge lori iPad Pro ni Iṣalaye Ilẹ-ilẹ	WebKit kokoro # 152637 , Apple Safari Reda # 24030853	#18738

Julọ fe awọn ẹya ara ẹrọ

Awọn ẹya pupọ lo wa ni pato ninu awọn iṣedede Wẹẹbu eyiti yoo gba wa laaye lati jẹ ki Bootstrap lagbara diẹ sii, yangan, tabi adaṣe, ṣugbọn ko tii ṣe imuse ni awọn aṣawakiri kan, nitorinaa ṣe idiwọ fun wa lati lo anfani wọn.

A ṣe atokọ ni gbangba awọn ibeere ẹya “ti o fẹ julọ” wọnyi nibi, ni awọn ireti ti mimu ilana ilana imuse wọn.

Aṣàwákiri (awọn)	Akopọ ti ẹya-ara	Iṣoro (awọn) ti oke	Iṣoro(awọn) Bootstrap
Eti	Awọn eroja ti o ni idojukọ yẹ ki o tan iṣẹlẹ idojukọ / gbigba: iselona idojukọ nigbati wọn ba gba Onitumọ / idojukọ iraye si	Microsoft A11y UserVoice ero # 16717318	#20732
Eti	Ṣaṣeṣe `:dir()`kilaasi pseudo lati Ipele 4 Awọn oluyanju	Edge UserVoice ero # 12299532	#19984
Eti	Ṣe imudara eroja HTML5`<dialog>`	Eti UserVoice ero # 6508895	#20175
Eti	Ina `transitioncancel`iṣẹlẹ kan nigbati iyipada CSS kan ti fagile	Edge UserVoice ero # 15939898	#20618
Eti	Ṣe imuse `of <selector-list>`gbolohun ọrọ ti `:nth-child()`kilaasi pseudo	Edge UserVoice ero # 15944476	#20143
Firefox	Ṣe imuse `of <selector-list>`gbolohun ọrọ ti `:nth-child()`kilaasi pseudo	Mozilla kokoro # 854148	#20143
Firefox	Ṣe imudara eroja HTML5`<dialog>`	Mozilla kokoro # 840640	#20175
Firefox	Nigbati idojukọ foju ba wa lori bọtini kan tabi ọna asopọ, ina idojukọ gangan lori nkan naa, paapaa	Mozilla kokoro # 1000082	#20732
Chrome	Ina `transitioncancel`iṣẹlẹ kan nigbati iyipada CSS kan ti fagile	Chromium atejade # 642487	Chromium atejade # 437860
Chrome	Ṣe imuse `of <selector-list>`gbolohun ọrọ ti `:nth-child()`kilaasi pseudo	Chromium atejade # 304163	#20143
Chrome	Ṣaṣeṣe `:dir()`kilaasi pseudo lati Ipele 4 Awọn oluyanju	Chromium issue #576815	#19984
Safari	Fire a `transitioncancel` event when a CSS transition is canceled	WebKit bug #161535	#20618
Safari	Implement the `:dir()` pseudo-class from Selectors Level 4	WebKit bug #64861	#19984
Safari	Implement the HTML5 `<dialog>` element	WebKit bug #84635	#20175