ກໍາແພງຂອງແມງໄມ້ຂອງຕົວທ່ອງເວັບ
ເນື້ອຫາລ້າສະໄຫມ
ໜ້ານີ້ລ້າສະໄໝແລ້ວ ແລະບໍ່ສາມາດນຳໃຊ້ກັບ 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 |
ຂອບ | background of <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:hidden CSS ສາມາດເລື່ອນໄດ້ໃນ 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 ເຂັ້ມແຂງ, ສະຫງ່າງາມ, ຫຼືປະຕິບັດໄດ້, ແຕ່ຍັງບໍ່ທັນໄດ້ປະຕິບັດໃນບາງຕົວທ່ອງເວັບ, ດັ່ງນັ້ນການປ້ອງກັນບໍ່ໃຫ້ພວກເຮົາຈາກການນໍາໃຊ້ປະໂຫຍດຈາກພວກມັນ.
ພວກເຮົາສະແດງລາຍຊື່ການຮ້ອງຂໍຄຸນສົມບັດ "ຕ້ອງການທີ່ສຸດ" ເຫຼົ່ານີ້ຢ່າງເປີດເຜີຍຢູ່ທີ່ນີ້, ໃນຄວາມຫວັງທີ່ຈະເລັ່ງຂະບວນການເຮັດໃຫ້ພວກມັນຖືກຈັດຕັ້ງປະຕິບັດ.