in English
ผนังของบั๊กของเบราว์เซอร์
เนื้อหาที่ล้าสมัย
หน้านี้ล้าสมัยและไม่สามารถใช้ได้กับ Bootstrap เวอร์ชันล่าสุดอีกต่อไป มีไว้เพื่อจุดประสงค์ทางประวัติศาสตร์เท่านั้นในขณะนี้ และจะถูกลบออกในการเปิดตัวครั้งสำคัญครั้งต่อไปของเรา
ปัจจุบัน Bootstrap ทำงานโดยหลีกเลี่ยงข้อบกพร่องของเบราว์เซอร์ที่โดดเด่นหลายประการในเบราว์เซอร์หลัก ๆ เพื่อมอบประสบการณ์ข้ามเบราว์เซอร์ที่ดีที่สุดเท่าที่จะเป็นไปได้ ข้อบกพร่องบางอย่างเช่นที่ระบุไว้ด้านล่างไม่สามารถแก้ไขได้โดยเรา
เราแสดงรายการบั๊กของเบราว์เซอร์ที่ส่งผลกระทบต่อเราต่อสาธารณะ ด้วยความหวังว่าจะเร่งกระบวนการแก้ไข สำหรับข้อมูลเกี่ยวกับความเข้ากันได้ของเบราว์เซอร์ของ Bootstrap โปรดดูเอกสารความเข้ากันได้ของเบราว์เซอร์ของเรา
ดูสิ่งนี้ด้วย:
- ปัญหา Chromium 536263: [meta] ปัญหาที่ส่งผลต่อ Bootstrap
- บั๊ก Mozilla 1230801: แก้ไขปัญหาที่ส่งผลต่อ Bootstrap
- WebKit bug 159753: [meta] ปัญหาที่ส่งผลต่อ Bootstrap
- วิธีแก้ปัญหาบั๊กเบราว์เซอร์ของ jQuery
| เบราว์เซอร์ | สรุปข้อผิดพลาด | ปัญหาต้นน้ำ | ปัญหา Bootstrap |
|---|---|---|---|
| ขอบ | สิ่งประดิษฐ์ภาพในกล่องโต้ตอบโมดอลแบบเลื่อนได้ | ปัญหาขอบ #9011176 | #20755 |
| ขอบ | เคล็ดลับเครื่องมือเบราว์เซอร์ดั้งเดิมสำหรับการtitleแสดงบนโฟกัสแป้นพิมพ์แรก (นอกเหนือจากส่วนประกอบคำแนะนำเครื่องมือที่กำหนดเอง) |
ปัญหาขอบ #6793560 | #18692 |
| ขอบ | องค์ประกอบที่โฮเวอร์ยังคงอยู่ใน:hoverสถานะหลังจากเลื่อนออกไป |
ปัญหาขอบ #5381673 | #14211 |
| ขอบ | CSS border-radiusบางครั้งทำให้เกิดเส้นเลือดออกผ่านของbackground-colorองค์ประกอบหลัก |
ปัญหาขอบ #3342037 | #16671 |
| ขอบ | backgroundของ<tr>ใช้กับเซลล์ลูกแรกเท่านั้น แทนเซลล์ทั้งหมดในแถว |
ปัญหาขอบ #5865620 | #18504 |
| ขอบ | สีพื้นหลังจากชั้นล่างมีเลือดออกผ่านเส้นขอบโปร่งใสในบางกรณี | ปัญหาขอบ #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 |
| โครม (macOS) | การคลิก<input type="number">ปุ่มเพิ่มด้านบนจะกะพริบปุ่มลดระดับ |
โครเมียม ฉบับ #419108 | #8350 , ฉบับโครเมียม #337668 |
| โครเมียม | แอนิเมชั่นเชิงเส้นแบบอนันต์ CSS พร้อมอัลฟ่าโปร่งใสทำให้หน่วยความจำรั่ว | ฉบับโครเมียม #429375 | #14409 |
| โครเมียม | table-cellเส้นขอบไม่ทับซ้อนกันทั้งๆ ที่margin-right: -1px |
ฉบับโครเมียม #749848 | #17438 , #14237 |
| โครเมียม | ไม่:hoverเหนียวเหนอะบนหน้าเว็บที่เป็นมิตรกับการสัมผัส |
ฉบับโครเมียม #370155 | #12832 |
| โครเมียม | position: absoluteองค์ประกอบที่กว้างกว่าคอลัมน์นั้นถูกตัดกับขอบเขตของคอลัมน์อย่างไม่ถูกต้อง |
ฉบับโครเมียม #269061 | #20161 |
| โครเมียม | ประสิทธิภาพที่สำคัญสำหรับ 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: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 มีประสิทธิภาพ สวยงาม หรือมีประสิทธิภาพมากขึ้น แต่ยังไม่มีการใช้งานในเบราว์เซอร์บางตัว ซึ่งทำให้เราไม่สามารถใช้ประโยชน์จากคุณลักษณะเหล่านี้ได้
เราแสดงรายการคำขอคุณสมบัติ "ที่ต้องการมากที่สุด" เหล่านี้ต่อสาธารณะที่นี่ ด้วยความหวังว่าจะเร่งกระบวนการดำเนินการให้ใช้งานได้