Source

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

ປະຈຸບັນ 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
ຂອບ

@-ms-viewport{width: device-width;}ມີຜົນຂ້າງຄຽງຂອງການເຮັດໃຫ້ແຖບເລື່ອນປິດບັງອັດຕະໂນມັດ

 ບັນຫາຂອບ #7165383 #18543
ຂອບ

ສີພື້ນຫຼັງຈາກຊັ້ນລຸ່ມມີເລືອດອອກຜ່ານຂອບໂປ່ງໃສໃນບາງກໍລະນີ

 ບັນຫາຂອບ #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 (Android)

ການແຕະໃສ່ <input>ໃນຊັ້ນຊ້ອນທີ່ສາມາດເລື່ອນໄດ້ບໍ່ໄດ້ເລື່ອນ <input>ເຂົ້າໄປເບິ່ງ

 ບັນຫາ Chromium #595210 #17338
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

ການຄລິກແຖບເລື່ອນເຂົ້າ <select multiple>ໄປດ້ວຍຕົວເລືອກທີ່ລົ້ນຈະເລືອກທີ່ຢູ່ໃກ້ຄຽງ<option>

 ບັນຫາ Chromium #597642 #19810
Chrome

ຢ່າເຮັດໃຫ້ :hoverຕິດຢູ່ໃນຫນ້າເວັບທີ່ເປັນມິດກັບການສໍາພັດ

 ບັນຫາ Chromium #370155 #12832
Chrome

position: absoluteອົງປະກອບທີ່ກວ້າງກວ່າຖັນຂອງມັນຖືກຕັດໃສ່ຂອບຖັນບໍ່ຖືກຕ້ອງ

 ບັນຫາ Chromium #269061 #20161
Chrome (Windows ແລະ Linux)

Animation glitch ໃນ​ເວ​ລາ​ທີ່​ກັບ​ຄືນ​ໄປ​ທີ່​ແຖບ​ບໍ່​ມີ​ການ​ເຄື່ອນ​ໄຫວ​ຫຼັງ​ຈາກ​ການ​ເຄື່ອນ​ໄຫວ​ເກີດ​ຂຶ້ນ​ໃນ​ຂະ​ນະ​ທີ່​ແຖບ​ຖືກ​ເຊື່ອງ​ໄວ້​.

 ບັນຫາ Chromium #449180 #15298
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