Source

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

ปัจจุบัน 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 (OS X และ Linux)

วิดเจ็ตป้ายทำให้ขอบด้านล่างของวิดเจ็ตแท็บไม่ทับซ้อนกัน

บั๊ก Mozilla #1259972 #19626
โครม (แอนดรอยด์)

การแตะที่<input>โอเวอร์เลย์แบบเลื่อนได้จะไม่เลื่อน<input>ไปที่มุมมอง

โครเมียม ฉบับ #595210 #17338
โครม (OS X)

การคลิก<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
ซาฟารี (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
ซาฟารี (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)

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