บั๊กของบราวเซอร์ · Bootstrap ในภาษาไทย

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

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

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

เบราว์เซอร์	สรุปข้อผิดพลาด	ข้อบกพร่องต้นน้ำ	ปัญหา Bootstrap
Microsoft Edge	เคล็ดลับเครื่องมือเบราว์เซอร์ดั้งเดิมสำหรับการ`title`แสดงบนโฟกัสแป้นพิมพ์แรก (นอกเหนือจากส่วนประกอบคำแนะนำเครื่องมือที่กำหนดเอง)	ปัญหาขอบ #6793560	#18692
Microsoft Edge	องค์ประกอบที่โฮเวอร์ยังคงอยู่ใน`:hover`สถานะหลังจากเลื่อนออกไป	ปัญหาขอบ #5381673	#14211
Microsoft Edge	เมื่อวางเมาส์เหนือ`<select>`รายการเมนู เคอร์เซอร์สำหรับองค์ประกอบที่อยู่ใต้เมนูจะปรากฏขึ้น	ปัญหาขอบ #817822	#14528
Microsoft Edge	CSS `border-radius`บางครั้งทำให้เกิดเส้นเลือดออกผ่านของ`background-color`องค์ประกอบหลัก	ปัญหาขอบ #3342037	#16671
Microsoft Edge	`background`ของ`<tr>`ใช้กับเซลล์ลูกแรกเท่านั้น แทนเซลล์ทั้งหมดในแถว	ปัญหาขอบ #5865620	#18504
Microsoft Edge	`@-ms-viewport{width: device-width;}`มีผลข้างเคียงทำให้แถบเลื่อนซ่อนอัตโนมัติ	ปัญหาขอบ #7165383	#18543
Microsoft Edge	สีพื้นหลังจากชั้นล่างมีเลือดออกผ่านเส้นขอบโปร่งใสในบางกรณี	ปัญหาขอบ #6274505	#18228
Microsoft Edge	การวางเมาส์เหนือองค์ประกอบ SVG ของผู้สืบทอดจะทำให้เกิด`mouseleave`เหตุการณ์ไฟไหม้ที่บรรพบุรุษ	ปัญหาขอบ #7787318	#19670
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	`position: absolute`องค์ประกอบที่กว้างกว่าคอลัมน์แสดงผลต่างจากเบราว์เซอร์อื่น	บั๊ก Mozilla #1282363	#20161
ไฟร์ฟอกซ์ (วินโดว์)	ขอบขวาของ`<select>`เมนูบางครั้งหายไปเมื่อตั้งค่าหน้าจอเป็นความละเอียดผิดปกติ	บั๊ก Mozilla #545685	#15990
Firefox (OS X และ Linux)	วิดเจ็ตป้ายทำให้ขอบด้านล่างของวิดเจ็ตแท็บไม่ทับซ้อนกัน	บั๊ก Mozilla #1259972	#19626
โครม (แอนดรอยด์)	การแตะที่`<input>`โอเวอร์เลย์แบบเลื่อนได้จะไม่เลื่อน`<input>`ไปที่มุมมอง	โครเมียม ฉบับ #595210	#17338
โครม (OS X)	การคลิก`<input type="number">`ปุ่มเพิ่มด้านบนจะกะพริบปุ่มลดระดับ	โครเมียม ฉบับ #419108	หน่อของ#8350 & Chromium ฉบับ #337668
โครเมียม	แอนิเมชั่นเชิงเส้นแบบอนันต์ CSS พร้อมอัลฟ่าโปร่งใสทำให้หน่วยความจำรั่ว	ฉบับโครเมียม #429375	#14409
โครเมียม	`:focus` `outline`ลักษณะทำให้เคอร์เซอร์ไม่แสดงเมื่อสลับเป็น`readonly` `<input>`อ่าน-เขียน	ปัญหาโครเมียม #465274	#16022
โครเมียม	`table-cell`เส้นขอบไม่ทับซ้อนกันทั้งๆ ที่`margin-right: -1px`	โครเมียม ฉบับ #534750	#17438 , #14237
โครเมียม	การคลิกแถบเลื่อน`<select multiple>`ด้วยตัวเลือกที่ล้นจะเป็นการเลือกที่อยู่ใกล้เคียง`<option>`	โครเมียม ฉบับ #597642	#19810
โครเมียม	ไม่`:hover`เหนียวเหนอะบนหน้าเว็บที่เป็นมิตรกับการสัมผัส	ฉบับโครเมียม #370155	#12832
Chrome (Windows และ Linux)	แอนิเมชั่นผิดพลาดเมื่อกลับไปที่แท็บที่ไม่ใช้งานหลังจากเกิดแอนิเมชั่นในขณะที่แท็บถูกซ่อน	โครเมียม ฉบับ #449180	#15298
ซาฟารี	`rem`หน่วยในการสืบค้นสื่อควรคำนวณโดยใช้`font-size: initial`ไม่ใช่องค์ประกอบรากของ`font-size`	ข้อบกพร่องของ WebKit # 156684	#17403
ซาฟารี (OS X)	`px`, `em`, และ`rem`ทั้งหมดควรทำงานเหมือนกันในคิวรีสื่อเมื่อมีการซูมหน้า	ข้อบกพร่องของ WebKit #156687	#17403
ซาฟารี (OS X)	ลักษณะการทำงานของปุ่มแปลกๆ กับ`<input type="number">`องค์ประกอบ บางอย่าง	WebKit bug #137269 , Apple Safari Radar #18834768	#8350 , Normalize #283 , ปัญหาโครเมียม #337668
ซาฟารี (OS X)	ขนาดตัวอักษรเล็กเมื่อพิมพ์หน้าเว็บที่มีความกว้างคง`.container`ที่	WebKit bug #138192 , Apple Safari Radar #19435018	#14868
ซาฟารี (ไอแพด)	`<select>`เมนูบน iPad ทำให้เกิดการขยับของพื้นที่ทดสอบการชน	WebKit bug #150079 , Apple Safari Radar #23082521	#14975
ซาฟารี (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)	การ แตะจากที่หนึ่ง`<input>`ไปยังอีกที่หนึ่งในการซ้อนทับอาจทำให้เกิดอาการสั่น/กระตุกได้	ข้อบกพร่องของ WebKit # 158276	#19927
ซาฟารี (iOS)	Modal with `-webkit-overflow-scrolling: touch`ไม่สามารถเลื่อนได้หลังจากเพิ่มข้อความทำให้สูงขึ้น	ข้อบกพร่องของ WebKit # 158342	#17695
ซาฟารี (iOS)	ไม่`:hover`เหนียวเหนอะบนหน้าเว็บที่เป็นมิตรกับการสัมผัส	ข้อบกพร่องของ WebKit #158517	#12832
ซาฟารี (iPad Pro)	การแสดงผลของลูกหลานของ`position: fixed`องค์ประกอบถูกตัดบน iPad Pro ในแนวนอน	ข้อผิดพลาด WebKit #152637 , Apple Safari Radar #24030853	#18738

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

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

เบราว์เซอร์	สรุปคุณสมบัติ	ปัญหาต้นน้ำ	ปัญหา Bootstrap
Microsoft Edge	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	แนวคิด Edge UserVoice #12299532	#19984
Microsoft Edge	ใช้การวางตำแหน่งที่เหนียวแน่นจาก CSS Positioned Layout ระดับ 3	แนวคิด Edge UserVoice #6263621	#17021
Firefox	เริ่มต้น`transitioncancel`เหตุการณ์เมื่อการเปลี่ยน CSS ถูกยกเลิก	บั๊ก Mozilla #1264125	บั๊ก Mozilla #1182856
Firefox	ใช้`of <selector-list>`ประโยคของ`:nth-child()`pseudo-class	บั๊ก Mozilla #854148	#20143
Firefox	ใช้ องค์ประกอบ HTML5`<dialog>`	บั๊ก Mozilla #840640	#20175
โครเมียม	ใช้`of <selector-list>`ประโยคของ`:nth-child()`pseudo-class	โครเมียม ออก #304163	#20143
โครเมียม	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	ฉบับโครเมียม #576815	#19984
โครเมียม	ใช้การวางตำแหน่งที่เหนียวแน่นจาก CSS Positioned Layout ระดับ 3	โครเมียม ฉบับ #231752	#17021
ซาฟารี	ใช้`:dir()`pseudo-classจาก Selectors ระดับ 4	ข้อผิดพลาด WebKit #64861	#19984
ซาฟารี	ใช้ องค์ประกอบ HTML5`<dialog>`	ข้อผิดพลาด WebKit #84635	#20175

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

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

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