Source

บั๊กของบราวเซอร์ Wall

ปัจจุบัน Bootstrap ทำงานโดยหลีกเลี่ยงข้อบกพร่องของเบราว์เซอร์ที่โดดเด่นหลายประการในเบราว์เซอร์หลัก ๆ เพื่อมอบประสบการณ์ข้ามเบราว์เซอร์ที่ดีที่สุดเท่าที่จะเป็นไปได้ ข้อบกพร่องบางอย่างเช่นที่ระบุไว้ด้านล่างไม่สามารถแก้ไขได้โดยเรา

เราแสดงรายการบั๊กของเบราว์เซอร์ที่ส่งผลกระทบต่อเราต่อสาธารณะ ด้วยความหวังว่าจะเร่งกระบวนการแก้ไข สำหรับข้อมูลเกี่ยวกับความเข้ากันได้ของเบราว์เซอร์ของ Bootstrap โปรดดูเอกสารความเข้ากันได้ของเบราว์เซอร์

ดูสิ่งนี้ด้วย:

เบราว์เซอร์	สรุปข้อผิดพลาด	ข้อบกพร่องต้นน้ำ	ปัญหา Bootstrap
ขอบ	สิ่งประดิษฐ์ภาพในกล่องโต้ตอบโมดอลแบบเลื่อนได้	ปัญหาขอบ #9011176	#20755
ขอบ	เคล็ดลับเครื่องมือเบราว์เซอร์ดั้งเดิมสำหรับการ`title`แสดงบนโฟกัสแป้นพิมพ์แรก (นอกเหนือจากส่วนประกอบคำแนะนำเครื่องมือที่กำหนดเอง)	ปัญหาขอบ #6793560	#18692
ขอบ	องค์ประกอบที่โฮเวอร์ยังคงอยู่ใน`:hover`สถานะหลังจากเลื่อนออกไป	ปัญหาขอบ #5381673	#14211
ขอบ	CSS `border-radius`บางครั้งทำให้เกิดเส้นเลือดออกผ่านของ`background-color`องค์ประกอบหลัก	ปัญหาขอบ #3342037	#16671
ขอบ	`background`ของ`<tr>`ใช้กับเซลล์ลูกแรกเท่านั้น แทนเซลล์ทั้งหมดในแถว	ปัญหาขอบ #5865620	#18504
ขอบ	`@-ms-viewport{width: device-width;}`มีผลข้างเคียงทำให้แถบเลื่อนซ่อนอัตโนมัติ	ปัญหาขอบ #7165383	#18543
ขอบ	สีพื้นหลังจากชั้นล่างมีเลือดออกผ่านเส้นขอบโปร่งใสในบางกรณี	ปัญหาขอบ #6274505	#18228
ขอบ	การวางเมาส์เหนือองค์ประกอบ SVG ของผู้สืบทอดจะทำให้เกิด`mouseleave`เหตุการณ์ไฟไหม้ที่บรรพบุรุษ	ปัญหาขอบ #7787318	#19670
ขอบ	ใช้งาน`position: fixed;` `<button>`กะพริบเมื่อเลื่อน	ปัญหาขอบ #8770398	#20507
Firefox	`.table-bordered`ด้วยช่องว่าง`<tbody>`ที่ขาดหายไป	บั๊ก Mozilla #1023761	#13453
Firefox	หากสถานะที่ปิดใช้งานของตัวควบคุมฟอร์มเปลี่ยนแปลงผ่าน JavaScript สถานะปกติจะไม่กลับมาหลังจากรีเฟรชหน้า	บั๊ก Mozilla #654072	#793
Firefox	`focus`เหตุการณ์ไม่ควรยิงใส่`document`วัตถุ	บั๊ก Mozilla #1228802	#18365
Firefox	โต๊ะลอยกว้างไม่พันขึ้นบรรทัดใหม่	บั๊ก Mozilla #1277782	#19839
Firefox	บางครั้งเมาส์ไม่อยู่ในองค์ประกอบสำหรับ`mouseenter`/ `mouseleave`เมื่ออยู่ในองค์ประกอบ SVG	บั๊ก Mozilla #577785	#19670
Firefox	เลย์เอาต์ที่มีคอลัมน์ลอยแตกเมื่อพิมพ์	บั๊ก Mozilla #1315994	#21092
ไฟร์ฟอกซ์ (วินโดว์)	ขอบขวาของ`<select>`เมนูบางครั้งหายไปเมื่อตั้งค่าหน้าจอเป็นความละเอียดผิดปกติ	บั๊ก Mozilla #545685	#15990
Firefox (macOS และ Linux)	วิดเจ็ตตราสัญลักษณ์ทำให้ขอบด้านล่างของวิดเจ็ตแท็บไม่ทับซ้อนกันโดยไม่คาดคิด	บั๊ก Mozilla #1259972	#19626
โครม (แอนดรอยด์)	การแตะที่`<input>`โอเวอร์เลย์แบบเลื่อนได้จะไม่เลื่อน`<input>`ไปที่มุมมอง	โครเมียม ฉบับ #595210	#17338
โครม (แมคโอเอส)	การคลิก`<input type="number">`ปุ่มเพิ่มด้านบนจะกะพริบปุ่มลดระดับ	โครเมียม ฉบับ #419108	หน่อของ#8350 & Chromium ฉบับ #337668
โครเมียม	แอนิเมชั่นเชิงเส้นอนันต์ CSS พร้อมอัลฟ่าโปร่งใสทำให้หน่วยความจำรั่ว	ฉบับโครเมียม #429375	#14409
โครเมียม	`table-cell`เส้นขอบไม่ทับซ้อนกันทั้งๆ ที่`margin-right: -1px`	ฉบับโครเมียม #749848	#17438 , #14237
โครเมียม	การคลิกแถบเลื่อน`<select multiple>`ด้วยตัวเลือกที่ล้นจะเป็นการเลือกที่อยู่ใกล้เคียง`<option>`	โครเมียม ฉบับ #597642	#19810
โครเมียม	ไม่`:hover`เหนียวเหนอะบนหน้าเว็บที่เป็นมิตรกับการสัมผัส	ฉบับโครเมียม #370155	#12832
โครเมียม	`position: absolute`องค์ประกอบที่กว้างกว่าคอลัมน์นั้นถูกตัดกับขอบเขตของคอลัมน์อย่างไม่ถูกต้อง	ฉบับโครเมียม #269061	#20161
Chrome (Windows และ Linux)	แอนิเมชั่นผิดพลาดเมื่อกลับไปที่แท็บที่ไม่ใช้งานหลังจากเกิดแอนิเมชั่นในขณะที่แท็บถูกซ่อน	โครเมียม ฉบับ #449180	#15298
โครเมียม	ประสิทธิภาพที่สำคัญสำหรับ SVG แบบไดนามิกที่มีข้อความขึ้นอยู่กับจำนวนแบบอักษรใน`font-family`.	ฉบับโครเมียม #781344	#24673
ซาฟารี	`rem`หน่วยในการสืบค้นสื่อควรคำนวณโดยใช้`font-size: initial`ไม่ใช่องค์ประกอบรากของ`font-size`	ข้อบกพร่องของ WebKit # 156684	#17403
ซาฟารี	ลิงก์ไปยังคอนเทนเนอร์ที่มี id และ tabindex ทำให้ VoiceOver ละเว้นคอนเทนเนอร์ (ส่งผลต่อการข้ามลิงก์)	ข้อผิดพลาด WebKit #163658	#20732
ซาฟารี	คุณสมบัติ CSS `min-width`และ`max-width`สื่อไม่ควรปัดเศษพิกเซล	ข้อผิดพลาด WebKit #178261	#25166
ซาฟารี (macOS)	`px`, `em`, และ`rem`ทั้งหมดควรทำงานเหมือนกันในคิวรีสื่อเมื่อมีการซูมหน้า	ข้อบกพร่องของ WebKit #156687	#17403
ซาฟารี (macOS)	ลักษณะการทำงานของปุ่มแปลกๆ กับ`<input type="number">`องค์ประกอบ บางอย่าง	WebKit bug #137269 , Apple Safari Radar #18834768	#8350 , Normalize #283 , ปัญหาโครเมียม #337668
ซาฟารี (macOS)	ขนาดตัวอักษรเล็กเมื่อพิมพ์หน้าเว็บที่มีความกว้างคง`.container`ที่	WebKit bug #138192 , Apple Safari Radar #19435018	#14868
ซาฟารี (iOS)	`transform: translate3d(0,0,0);`ข้อผิดพลาดในการแสดงผล	ข้อผิดพลาด WebKit #138162 , Apple Safari Radar #18804973	#14603
ซาฟารี (iOS)	เคอร์เซอร์ของการป้อนข้อความไม่เคลื่อนที่ขณะเลื่อนหน้า	ข้อผิดพลาด WebKit #138201 , Apple Safari Radar #18819624	#14708
ซาฟารี (iOS)	ไม่สามารถย้ายเคอร์เซอร์ไปที่จุดเริ่มต้นของข้อความหลังจากป้อนข้อความยาวเป็นสตริง`<input type="text">`	WebKit bug #148061 , Apple Safari Radar #22299624	#16988
ซาฟารี (iOS)	`display: block`ทำให้ข้อความของ temporal `<input>`s ไม่ตรงแนวดิ่ง	WebKit bug #139848 , Apple Safari Radar #19434878	#11266 , # 13098
ซาฟารี (iOS)	การแตะ`<body>`ไม่ทำให้เกิด`click`เหตุการณ์	ข้อบกพร่องของ WebKit #151933	#16028
ซาฟารี (iOS)	`position:fixed`อยู่ในตำแหน่งที่ไม่ถูกต้องเมื่อมองเห็นแถบแท็บบน iPhone 6S+ Safari	ข้อบกพร่องของ WebKit #153056	#18859
ซาฟารี (iOS)	การแตะ`<input>`ภายใน`position:fixed`องค์ประกอบจะเลื่อนไปที่ด้านบนสุดของหน้า	ข้อผิดพลาด WebKit #153224 , Apple Safari Radar #24235301	#17497
ซาฟารี (iOS)	`<body>`ด้วย`overflow:hidden`CSS สามารถเลื่อนได้บน iOS	ข้อบกพร่องของ WebKit # 153852	#14839
ซาฟารี (iOS)	ท่าทางการเลื่อนในช่องข้อความใน`position:fixed`องค์ประกอบบางครั้งเลื่อน`<body>`แทนบรรพบุรุษที่เลื่อนได้	ข้อบกพร่องของ WebKit #153856	#14839
ซาฟารี (iOS)	Modal with `-webkit-overflow-scrolling: touch`ไม่สามารถเลื่อนได้หลังจากเพิ่มข้อความทำให้สูงขึ้น	ข้อบกพร่องของ WebKit # 158342	#17695
ซาฟารี (iOS)	ไม่`:hover`เหนียวเหนอะบนหน้าเว็บที่เป็นมิตรกับการสัมผัส	ข้อบกพร่องของ WebKit #158517	#12832
ซาฟารี (iOS)	องค์ประกอบที่`position:fixed`หายไปหลังจากเปิด`<select>`เมนู	ข้อผิดพลาด WebKit #162362	#20759
ซาฟารี (iPad Pro)	การแสดงผลของลูกหลานของ`position: fixed`องค์ประกอบถูกตัดบน iPad Pro ในแนวนอน	ข้อผิดพลาด WebKit #152637 , Apple Safari Radar #24030853	#18738

คุณสมบัติที่ต้องการมากที่สุด

มีคุณลักษณะหลายอย่างที่ระบุไว้ในมาตรฐานเว็บ ซึ่งจะช่วยให้เราสามารถทำให้ Bootstrap มีประสิทธิภาพ สวยงาม หรือมีประสิทธิภาพมากขึ้น แต่ยังไม่มีการใช้งานในเบราว์เซอร์บางตัว ซึ่งทำให้เราไม่สามารถใช้ประโยชน์จากคุณลักษณะเหล่านี้ได้

เราแสดงรายการคำขอคุณสมบัติ "ที่ต้องการมากที่สุด" เหล่านี้ต่อสาธารณะที่นี่ ด้วยความหวังว่าจะเร่งกระบวนการดำเนินการให้ใช้งานได้

เบราว์เซอร์	สรุปคุณสมบัติ	ปัญหาต้นน้ำ	ปัญหา Bootstrap
ขอบ	องค์ประกอบที่โฟกัสได้ควรเริ่มเหตุการณ์โฟกัส / รับ :การจัดรูปแบบโฟกัสเมื่อได้รับโฟกัสผู้บรรยาย/การช่วยสำหรับการเข้าถึง	แนวคิด Microsoft A11y UserVoice #16717318	#20732
ขอบ	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	แนวคิด Edge UserVoice #12299532	#19984
ขอบ	ใช้ องค์ประกอบ HTML5`<dialog>`	แนวคิด Edge UserVoice #6508895	#20175
ขอบ	เริ่ม`transitioncancel`เหตุการณ์เมื่อการเปลี่ยน CSS ถูกยกเลิก	แนวคิด Edge UserVoice # 15939898	#20618
ขอบ	ใช้`of <selector-list>`ประโยคของ`:nth-child()`pseudo-class	แนวคิด Edge UserVoice # 15944476	#20143
Firefox	ใช้`of <selector-list>`ประโยคของ`:nth-child()`pseudo-class	บั๊ก Mozilla #854148	#20143
Firefox	ใช้ องค์ประกอบ HTML5`<dialog>`	บั๊ก Mozilla #840640	#20175
Firefox	เมื่อโฟกัสเสมือนอยู่ที่ปุ่มหรือลิงก์ ให้ยิงโฟกัสไปที่องค์ประกอบจริงด้วย	บั๊ก Mozilla #100082	#20732
โครเมียม	เริ่ม`transitioncancel`เหตุการณ์เมื่อการเปลี่ยน CSS ถูกยกเลิก	โครเมียม ฉบับ #642487	ฉบับโครเมียม #437860
โครเมียม	ใช้`of <selector-list>`ประโยคของ`:nth-child()`pseudo-class	โครเมียม ออก #304163	#20143
โครเมียม	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	ฉบับโครเมียม #576815	#19984
ซาฟารี	เริ่ม`transitioncancel`เหตุการณ์เมื่อการเปลี่ยน CSS ถูกยกเลิก	ข้อผิดพลาด WebKit #161535	#20618
ซาฟารี	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	ข้อผิดพลาด WebKit #64861	#19984
ซาฟารี	ใช้ องค์ประกอบ HTML5`<dialog>`	ข้อผิดพลาด WebKit #84635	#20175