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

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

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

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

เบราว์เซอร์ สรุปข้อผิดพลาด ข้อบกพร่องต้นน้ำ ปัญหา Bootstrap
Microsoft Edge

สิ่งประดิษฐ์ภาพในกล่องโต้ตอบโมดอลแบบเลื่อนได้

ปัญหาขอบ #9011176 #20755
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:hiddenCSS สามารถเลื่อนได้บน 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
Microsoft Edge

ใช้ องค์ประกอบ HTML5<dialog>

แนวคิด Edge UserVoice #6508895 #20175
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