ກໍາແພງຂອງແມງໄມ້ຂອງຕົວທ່ອງເວັບ
ເນື້ອຫາລ້າສະໄຫມ
ໜ້ານີ້ລ້າສະໄໝແລ້ວ ແລະບໍ່ສາມາດນຳໃຊ້ກັບ Bootstrap ເວີຊັນຫຼ້າສຸດໄດ້ອີກຕໍ່ໄປ. ມັນຢູ່ທີ່ນີ້ເພື່ອຈຸດປະສົງທາງປະຫວັດສາດເທົ່ານັ້ນດຽວນີ້ແລະຈະຖືກເອົາອອກໃນການປ່ອຍໃຫຍ່ຄັ້ງຕໍ່ໄປຂອງພວກເຮົາ.
ປະຈຸບັນ Bootstrap ເຮັດວຽກກ່ຽວກັບຂໍ້ບົກຜ່ອງຂອງຕົວທ່ອງເວັບທີ່ໂດດເດັ່ນຫຼາຍໃນຕົວທ່ອງເວັບທີ່ສໍາຄັນເພື່ອສະຫນອງປະສົບການຂ້າມຕົວທ່ອງເວັບທີ່ດີທີ່ສຸດທີ່ເປັນໄປໄດ້. ບາງຂໍ້ບົກຜ່ອງ, ຄືກັບທີ່ລະບຸໄວ້ຂ້າງລຸ່ມນີ້, ບໍ່ສາມາດແກ້ໄຂໄດ້ໂດຍພວກເຮົາ.
ພວກເຮົາບອກສາທາລະນະກ່ຽວກັບຂໍ້ຜິດພາດຂອງຕົວທ່ອງເວັບທີ່ກໍາລັງສົ່ງຜົນກະທົບຕໍ່ພວກເຮົາຢູ່ທີ່ນີ້, ໃນຄວາມຫວັງທີ່ຈະເລັ່ງຂະບວນການແກ້ໄຂພວກມັນ. ສໍາລັບຂໍ້ມູນກ່ຽວກັບຄວາມເຂົ້າກັນໄດ້ຂອງຕົວທ່ອງເວັບຂອງ Bootstrap, ເບິ່ງເອກະສານຄວາມເຂົ້າກັນໄດ້ຂອງຕົວທ່ອງເວັບຂອງພວກເຮົາ .
ເບິ່ງ:
- ບັນຫາ Chromium 536263: [meta] ບັນຫາທີ່ມີຜົນກະທົບກັບ Bootstrap
- Mozilla bug 1230801: ແກ້ໄຂບັນຫາທີ່ມີຜົນກະທົບຕໍ່ Bootstrap
- ບັກ WebKit 159753: [meta] ບັນຫາທີ່ມີຜົນກະທົບຕໍ່ Bootstrap
- ການແກ້ໄຂຂໍ້ຜິດພາດຂອງຕົວທ່ອງເວັບຂອງ jQuery
| ຕົວທ່ອງເວັບ | ສະຫຼຸບຂໍ້ບົກຜ່ອງ | ບັນຫາຕົ້ນນໍ້າ | ບັນຫາ Bootstrap |
|---|---|---|---|
| ຂອບ | ສິ່ງປະດິດທີ່ເປັນພາບໃນກ່ອງໂຕ້ຕອບແບບເລື່ອນໄດ້ | ບັນຫາຂອບ #9011176 | #20755 |
| ຂອບ | ຄໍາແນະນໍາຂອງຕົວທ່ອງເວັບຕົ້ນສະບັບສໍາລັບການ titleສະແດງຢູ່ໃນຈຸດສຸມໃສ່ແປ້ນພິມທໍາອິດ (ນອກຈາກອົງປະກອບຄໍາແນະນໍາທີ່ກໍາຫນົດເອງ) |
ບັນຫາຂອບ #6793560 | #18692 |
| ຂອບ | ອົງປະກອບ hovered ຍັງຄົງຢູ່ໃນ :hoverສະຖານະຫຼັງຈາກເລື່ອນອອກໄປ. |
ບັນຫາຂອບ #5381673 | #14211 |
| ຂອບ | CSS border-radiusບາງຄັ້ງເຮັດໃຫ້ສາຍຂອງ bleed-through ຂອງ background-colorອົງປະກອບແມ່. |
ບັນຫາຂອບ #3342037 | #16671 |
| ຂອບ | backgroundof <tr>ແມ່ນໃຊ້ກັບເຊລລູກທຳອິດເທົ່ານັ້ນແທນທີ່ຈະເປັນເຊລທັງໝົດໃນແຖວ |
ບັນຫາຂອບ #5865620 | #18504 |
| ຂອບ | ສີພື້ນຫຼັງຈາກຊັ້ນລຸ່ມມີເລືອດອອກຜ່ານຂອບໂປ່ງໃສໃນບາງກໍລະນີ | ບັນຫາຂອບ #6274505 | #18228 |
| ຂອບ | hovering over descendant SVG element fires 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 |
| Firefox (Windows) | ບາງຄັ້ງ ຂອບຂວາຂອງ <select>ເມນູຈະຫາຍໄປເມື່ອໜ້າຈໍຖືກຕັ້ງເປັນຄວາມລະອຽດທີ່ບໍ່ທຳມະດາ |
ຂໍ້ຜິດພາດຂອງ Mozilla #545685 | #15990 |
| Firefox (macOS ແລະ Linux) | ວິດເຈັດປ້າຍເຮັດໃຫ້ຂອບລຸ່ມຂອງວິດເຈັດ Tabs ໂດຍບໍ່ຄາດຄິດບໍ່ທັບຊ້ອນກັນ | ຂໍ້ຜິດພາດຂອງ Mozilla #1259972 | #19626 |
| Chrome (macOS) | ການ ຄລິກຂ້າງເທິງ <input type="number">ປຸ່ມເພີ່ມຂຶ້ນກະພິບປຸ່ມຫຼຸດລົງ. |
ບັນຫາ Chromium #419108 | #8350 , ບັນຫາ Chromium #337668 |
| Chrome | CSS infinite linear animation ກັບ alpha transparency leaks memory. | ບັນຫາ Chromium #429375 | #14409 |
| Chrome | table-cellຊາຍແດນບໍ່ທັບຊ້ອນກັນເຖິງແມ່ນວ່າmargin-right: -1px |
ບັນຫາ Chromium #749848 | #17438 , #14237 |
| Chrome | ຢ່າເຮັດໃຫ້ :hoverຕິດຢູ່ໃນຫນ້າເວັບທີ່ເປັນມິດກັບການສໍາພັດ |
ບັນຫາ Chromium #370155 | #12832 |
| Chrome | position: absoluteອົງປະກອບທີ່ກວ້າງກວ່າຖັນຂອງມັນຖືກຕັດໃສ່ຂອບຖັນບໍ່ຖືກຕ້ອງ |
ບັນຫາ Chromium #269061 | #20161 |
| Chrome | ປະສິດທິພາບທີ່ສໍາຄັນສໍາລັບ SVGs ແບບເຄື່ອນໄຫວທີ່ມີຂໍ້ຄວາມຂຶ້ນກັບຈໍານວນຕົວອັກສອນໃນ font-family. |
ບັນຫາ Chromium #781344 | #24673 |
| Safari | remຫົວໜ່ວຍໃນການສອບຖາມສື່ຄວນຈະຖືກຄິດໄລ່ໂດຍໃຊ້ font-size: initial, ບໍ່ແມ່ນອົງປະກອບຂອງຮາກfont-size |
ບັກ WebKit #156684 | #17403 |
| Safari | ລິ້ງຫາ container ທີ່ມີ id ແລະ tabindex ສົ່ງຜົນໃຫ້ກ່ອງບັນຈຸຖືກລະເລີຍໂດຍ VoiceOver (ສົ່ງຜົນກະທົບຕໍ່ການເຊື່ອມຕໍ່ຂ້າມ) | ບັກ WebKit #163658 | #20732 |
| Safari | CSS min-widthແລະ max-widthຄຸນສົມບັດສື່ບໍ່ຄວນເປັນເສດສ່ວນຂອງ pixels ລວງ |
ບັກ WebKit #178261 | #25166 |
| Safari (macOS) | px, em, ແລະ remທັງໝົດຄວນປະຕິບັດຕົວດຽວກັນໃນການສອບຖາມສື່ເມື່ອການຊູມໜ້າຖືກນຳໃຊ້ |
ບັກ WebKit #156687 | #17403 |
| Safari (macOS) | ພຶດຕິກໍາປຸ່ມທີ່ແປກປະຫຼາດກັບ <input type="number">ອົງປະກອບບາງຢ່າງ. |
ຂໍ້ຜິດພາດຂອງ WebKit #137269 , Apple Safari Radar #18834768 | #8350 , Normalize #283 , ບັນຫາ Chromium #337668 |
| Safari (macOS) | ຂະຫນາດຕົວອັກສອນຂະຫນາດນ້ອຍໃນເວລາທີ່ພິມເວັບໄຊຕ໌ທີ່ມີຄວາມກວ້າງຄົງທີ່ .container. |
ຂໍ້ຜິດພາດຂອງ WebKit #138192 , Apple Safari Radar #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);rendering bug. |
ຂໍ້ຜິດພາດຂອງ WebKit #138162 , Apple Safari Radar #18804973 | #14603 |
| Safari (iOS) | ຕົວກະພິບຂອງການປ້ອນຂໍ້ຄວາມບໍ່ຍ້າຍໃນຂະນະທີ່ເລື່ອນໜ້າ. | ຂໍ້ຜິດພາດຂອງ WebKit #138201 , Apple Safari Radar #18819624 | #14708 |
| Safari (iOS) | ບໍ່ສາມາດຍ້າຍຕົວກະພິບເພື່ອເລີ່ມຕົ້ນຂອງຂໍ້ຄວາມຫຼັງຈາກທີ່ໃສ່ສະຕຣິງຍາວຂອງຂໍ້ຄວາມເຂົ້າໄປໃນ<input type="text"> |
ຂໍ້ຜິດພາດຂອງ WebKit #148061 , Apple Safari Radar #22299624 | #16988 |
| Safari (iOS) | display: blockເຮັດໃຫ້ຂໍ້ຄວາມຂອງ temporal <input>s ກາຍເປັນແນວຕັ້ງຜິດພາດ |
ຂໍ້ຜິດພາດຂອງ WebKit #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
| Safari (iOS) | ການແຕະໃສ່ <body>ບໍ່ໄດ້ ເປີດ clickເຫດການ |
ບັກ WebKit #151933 | #16028 |
| Safari (iOS) | position:fixedຖືກຈັດຕຳແໜ່ງບໍ່ຖືກຕ້ອງເມື່ອແຖບແຖບເຫັນໄດ້ໃນ iPhone 6S+ Safari |
ບັກ WebKit #153056 | #18859 |
| Safari (iOS) | ການແຕະເຂົ້າໄປ ໃນອົງປະກອບ <input>ພາຍໃນຫນຶ່ງ position:fixedເລື່ອນໄປເທິງສຸດຂອງຫນ້າ |
ບັກ WebKit #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (iOS) | <body>ດ້ວຍ overflow:hiddenCSS ສາມາດເລື່ອນໄດ້ໃນ iOS |
ບັກ WebKit #153852 | #14839 |
| Safari (iOS) | ເລື່ອນ gesture ໃນຊ່ອງຂໍ້ຄວາມໃນ position:fixedອົງປະກອບບາງຄັ້ງເລື່ອນ <body>ແທນທີ່ຈະເປັນບັນພະບຸລຸດເລື່ອນ ໄດ້ |
ບັກ WebKit #153856 | #14839 |
| Safari (iOS) | Modal ກັບ -webkit-overflow-scrolling: touchບໍ່ສາມາດເລື່ອນໄດ້ຫຼັງຈາກຂໍ້ຄວາມທີ່ເພີ່ມເຮັດໃຫ້ມັນສູງຂຶ້ນ |
ບັກ WebKit #158342 | #17695 |
| Safari (iOS) | ຢ່າເຮັດໃຫ້ :hoverຕິດຢູ່ໃນຫນ້າເວັບທີ່ເປັນມິດກັບການສໍາພັດ |
ບັກ WebKit #158517 | #12832 |
| Safari (iOS) | ອົງປະກອບທີ່ position:fixedຫາຍໄປຫຼັງຈາກເປີດ <select>ເມນູ |
ບັກ WebKit #162362 | #20759 |
| Safari (iPad Pro) | ການສະແດງຜົນຂອງ position: fixedອົງປະກອບທີ່ສືບທອດມາຈາກ iPad Pro ໃນທິດທາງພູມສັນຖານ |
ຂໍ້ຜິດພາດຂອງ WebKit #152637 , Apple Safari Radar #24030853 | #18738 |
ລັກສະນະທີ່ຕ້ອງການຫຼາຍທີ່ສຸດ
ມີຫຼາຍລັກສະນະທີ່ລະບຸໄວ້ໃນມາດຕະຖານເວັບທີ່ຈະຊ່ວຍໃຫ້ພວກເຮົາເຮັດໃຫ້ Bootstrap ເຂັ້ມແຂງ, ສະຫງ່າງາມ, ຫຼືປະຕິບັດໄດ້, ແຕ່ຍັງບໍ່ທັນໄດ້ປະຕິບັດໃນບາງຕົວທ່ອງເວັບ, ດັ່ງນັ້ນການປ້ອງກັນບໍ່ໃຫ້ພວກເຮົາຈາກການນໍາໃຊ້ປະໂຫຍດຈາກພວກມັນ.
ພວກເຮົາສະແດງລາຍຊື່ການຮ້ອງຂໍຄຸນສົມບັດ "ຕ້ອງການທີ່ສຸດ" ເຫຼົ່ານີ້ຢ່າງເປີດເຜີຍຢູ່ທີ່ນີ້, ໃນຄວາມຫວັງທີ່ຈະເລັ່ງຂະບວນການເຮັດໃຫ້ພວກມັນຖືກຈັດຕັ້ງປະຕິບັດ.