in English

ກໍາແພງຂອງແມງໄມ້ຂອງຕົວທ່ອງເວັບ

ເນື້ອຫາລ້າສະໄຫມ

ໜ້ານີ້ລ້າສະໄໝແລ້ວ ແລະບໍ່ສາມາດນຳໃຊ້ກັບ Bootstrap ເວີຊັນຫຼ້າສຸດໄດ້ອີກຕໍ່ໄປ. ມັນຢູ່ທີ່ນີ້ເພື່ອຈຸດປະສົງທາງປະຫວັດສາດເທົ່ານັ້ນດຽວນີ້ແລະຈະຖືກເອົາອອກໃນການປ່ອຍໃຫຍ່ຄັ້ງຕໍ່ໄປຂອງພວກເຮົາ.

ປະຈຸບັນ Bootstrap ເຮັດວຽກກ່ຽວກັບຂໍ້ບົກຜ່ອງຂອງຕົວທ່ອງເວັບທີ່ໂດດເດັ່ນຫຼາຍໃນຕົວທ່ອງເວັບທີ່ສໍາຄັນເພື່ອສະຫນອງປະສົບການຂ້າມຕົວທ່ອງເວັບທີ່ດີທີ່ສຸດທີ່ເປັນໄປໄດ້. ບາງຂໍ້ບົກຜ່ອງ, ຄືກັບທີ່ລະບຸໄວ້ຂ້າງລຸ່ມນີ້, ບໍ່ສາມາດແກ້ໄຂໄດ້ໂດຍພວກເຮົາ.

ພວກເຮົາບອກສາທາລະນະກ່ຽວກັບຂໍ້ຜິດພາດຂອງຕົວທ່ອງເວັບທີ່ກໍາລັງສົ່ງຜົນກະທົບຕໍ່ພວກເຮົາຢູ່ທີ່ນີ້, ໃນຄວາມຫວັງທີ່ຈະເລັ່ງຂະບວນການແກ້ໄຂພວກມັນ. ສໍາລັບຂໍ້ມູນກ່ຽວກັບຄວາມເຂົ້າກັນໄດ້ຂອງຕົວທ່ອງເວັບຂອງ Bootstrap, ເບິ່ງເອກະສານຄວາມເຂົ້າກັນໄດ້ຂອງຕົວທ່ອງເວັບຂອງພວກເຮົາ .

ເບິ່ງ:

ຕົວທ່ອງເວັບ ສະຫຼຸບຂໍ້ບົກຜ່ອງ ບັນຫາຕົ້ນນໍ້າ ບັນຫາ 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 ເຂັ້ມແຂງ, ສະຫງ່າງາມ, ຫຼືປະຕິບັດໄດ້, ແຕ່ຍັງບໍ່ທັນໄດ້ປະຕິບັດໃນບາງຕົວທ່ອງເວັບ, ດັ່ງນັ້ນການປ້ອງກັນບໍ່ໃຫ້ພວກເຮົາຈາກການນໍາໃຊ້ປະໂຫຍດຈາກພວກມັນ.

ພວກເຮົາສະແດງລາຍຊື່ການຮ້ອງຂໍຄຸນສົມບັດ "ຕ້ອງການທີ່ສຸດ" ເຫຼົ່ານີ້ຢ່າງເປີດເຜີຍຢູ່ທີ່ນີ້, ໃນຄວາມຫວັງທີ່ຈະເລັ່ງຂະບວນການເຮັດໃຫ້ພວກມັນຖືກຈັດຕັ້ງປະຕິບັດ.

ຕົວທ່ອງເວັບ ສະຫຼຸບສັງລວມຄຸນສົມບັດ ບັນຫາຕົ້ນນໍ້າ ບັນຫາ Bootstrap
ຂອບ ອົງປະກອບທີ່ສາມາດໂຟກັສໄດ້ຄວນເປີດເຫດການໂຟກັສ / ຮັບ: ການຈັດຮູບແບບໂຟກັສເມື່ອພວກເຂົາໄດ້ຮັບຈຸດສຸມໃສ່ການບັນຍາຍ/ການເຂົ້າເຖິງ ແນວຄວາມຄິດຂອງ Microsoft A11y UserVoice #16717318 #20732
ຂອບ ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4 Edge UserVoice idea #12299532 #19984
ຂອບ ປະຕິບັດ ອົງປະກອບ HTML5<dialog> Edge UserVoice idea #6508895 #20175
ຂອບ ເປີດ transitioncancelເຫດການ ເມື່ອການປ່ຽນ CSS ຖືກຍົກເລີກ Edge UserVoice idea #15939898 #20618
ຂອບ ປະຕິບັດ of <selector-list>ຂໍ້ ຂອງ :nth-child()pseudo-class Edge UserVoice idea #15944476 #20143
Firefox ປະຕິບັດ of <selector-list>ຂໍ້ ຂອງ :nth-child()pseudo-class ຂໍ້ຜິດພາດຂອງ Mozilla #854148 #20143
Firefox ປະຕິບັດ ອົງປະກອບ HTML5<dialog> ຂໍ້ຜິດພາດຂອງ Mozilla #840640 #20175
Firefox ເມື່ອໂຟກັສສະເໝືອນຢູ່ເທິງປຸ່ມ ຫຼືລິ້ງ, ເນັ້ນໃສ່ອົງປະກອບຕົວຈິງເຊັ່ນກັນ ຂໍ້ຜິດພາດຂອງ Mozilla #1000082 #20732
Chrome ເປີດ transitioncancelເຫດການ ເມື່ອການປ່ຽນ CSS ຖືກຍົກເລີກ ບັນຫາ Chromium #642487 ບັນຫາ Chromium #437860
Chrome ປະຕິບັດ of <selector-list>ຂໍ້ ຂອງ :nth-child()pseudo-class ບັນຫາ Chromium #304163 #20143
Chrome ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4 ບັນຫາ Chromium #576815 #19984
Safari ເປີດ transitioncancelເຫດການ ເມື່ອການປ່ຽນ CSS ຖືກຍົກເລີກ ບັກ WebKit #161535 #20618
Safari ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4 ບັກ WebKit #64861 #19984
Safari ປະຕິບັດ ອົງປະກອບ HTML5<dialog> ບັກ WebKit #84635 #20175