ຂໍ້ຜິດພາດຂອງຕົວທ່ອງເວັບ

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

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

ເບິ່ງ:

ຕົວທ່ອງເວັບ ສະຫຼຸບຂໍ້ບົກຜ່ອງ ບັກຕົ້ນນໍ້າ ບັນຫາ Bootstrap
Microsoft Edge

ຄໍາແນະນໍາຂອງຕົວທ່ອງເວັບຕົ້ນສະບັບສໍາລັບການ titleສະແດງຢູ່ໃນຈຸດສຸມໃສ່ແປ້ນພິມທໍາອິດ (ນອກຈາກອົງປະກອບຄໍາແນະນໍາທີ່ກໍາຫນົດເອງ)

 ບັນຫາຂອບ #6793560 #18692
Microsoft Edge

ອົງປະກອບ hovered ຍັງຄົງຢູ່ໃນ :hoverສະຖານະຫຼັງຈາກເລື່ອນອອກໄປ.

 ບັນຫາຂອບ #5381673 #14211
Microsoft Edge

ເມື່ອເລື່ອນຢູ່ເທິງລາຍການ <select>ເມນູ, ຕົວກະພິບສຳລັບອົງປະກອບທີ່ຢູ່ລຸ່ມເມນູຈະສະແດງຂຶ້ນ.

 ບັນຫາຂອບ #817822 #14528
Microsoft Edge

CSS border-radiusບາງຄັ້ງເຮັດໃຫ້ສາຍຂອງ bleed-through ຂອງ background-colorອົງປະກອບແມ່.

 ບັນຫາຂອບ #3342037 #16671
Microsoft Edge

backgroundof <tr>ແມ່ນໃຊ້ກັບເຊລລູກທຳອິດເທົ່ານັ້ນແທນທີ່ຈະເປັນເຊລທັງໝົດໃນແຖວ

 ບັນຫາຂອບ #5865620 #18504
Microsoft Edge

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

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

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

 ບັນຫາຂອບ #6274505 #18228
Microsoft Edge

hovering over descendant SVG element fires mouseleaveເຫດການທີ່ບັນພະບຸລຸດ

 ບັນຫາຂອບ #7787318 #19670
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

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

 ຂໍ້ຜິດພາດຂອງ Mozilla #1282363 #20161
Firefox (Windows)

ບາງຄັ້ງ ຂອບຂວາຂອງ <select>ເມນູຈະຫາຍໄປເມື່ອໜ້າຈໍຖືກຕັ້ງເປັນຄວາມລະອຽດທີ່ບໍ່ທຳມະດາ

 ຂໍ້ຜິດພາດຂອງ Mozilla #545685 #15990
Firefox (OS X ແລະ Linux)

ວິດເຈັດປ້າຍເຮັດໃຫ້ຂອບລຸ່ມຂອງວິດເຈັດ Tabs ໂດຍບໍ່ຄາດຄິດບໍ່ທັບຊ້ອນກັນ

 ຂໍ້ຜິດພາດຂອງ Mozilla #1259972 #19626
Chrome (Android)

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

 ບັນຫາ Chromium #595210 #17338
Chrome (OS X)

ການ ຄລິກຂ້າງເທິງ <input type="number">ປຸ່ມເພີ່ມຂຶ້ນກະພິບປຸ່ມຫຼຸດລົງ.

 ບັນຫາ Chromium #419108 ການແກ້ໄຂບັນຫາ ຂອງ #8350 ແລະ Chromium #337668
Chrome

CSS infinite linear animation ທີ່ມີ alpha transparency leaks memory.

 ບັນຫາ Chromium #429375 #14409
Chrome

:focus outlineຮູບແບບເຮັດໃຫ້ຕົວກະພິບບໍ່ສະແດງເມື່ອສະຫຼັບການ readonly <input>ອ່ານ-ຂຽນ.

 ບັນຫາ Chromium #465274 #16022
Chrome

table-cellຊາຍແດນບໍ່ທັບຊ້ອນກັນເຖິງແມ່ນວ່າmargin-right: -1px

 ບັນຫາ Chromium #534750 #17438 , #14237
Chrome

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

 ບັນຫາ Chromium #597642 #19810
Chrome

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

 ບັນຫາ Chromium #370155 #12832
Chrome (Windows ແລະ Linux)

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

 ບັນຫາ Chromium #449180 #15298
Safari

remຫົວໜ່ວຍໃນການສອບຖາມສື່ຄວນຈະຖືກຄິດໄລ່ໂດຍໃຊ້ font-size: initial, ບໍ່ແມ່ນອົງປະກອບຂອງຮາກfont-size

 ບັກ WebKit #156684 #17403
Safari (OS X)

px, em, ແລະ remທັງໝົດຄວນປະຕິບັດຕົວດຽວກັນໃນການສອບຖາມສື່ເມື່ອການຊູມໜ້າຖືກນຳໃຊ້

 ບັກ WebKit #156687 #17403
Safari (OS X)

ພຶດຕິກໍາປຸ່ມທີ່ແປກປະຫຼາດກັບ <input type="number">ອົງປະກອບບາງຢ່າງ.

 ຂໍ້ຜິດພາດຂອງ WebKit #137269 , Apple Safari Radar #18834768 #8350 , Normalize #283 , ບັນຫາ Chromium #337668
Safari (OS X)

ຂະ​ຫນາດ​ຕົວ​ອັກ​ສອນ​ຂະ​ຫນາດ​ນ້ອຍ​ໃນ​ເວ​ລາ​ທີ່​ພິມ​ເວັບ​ໄຊ​ຕ​໌​ທີ່​ມີ​ຄວາມ​ກວ້າງ​ຄົງ​ທີ່ .container.

 ຂໍ້ຜິດພາດຂອງ WebKit #138192 , Apple Safari Radar #19435018 #14868
Safari (iPad)

<select>ເມ​ນູ​ໃນ iPad ເຮັດ​ໃຫ້​ເກີດ​ການ​ປ່ຽນ​ແປງ​ຂອງ​ເຂດ​ການ​ທົດ​ສອບ hit​

 ຂໍ້ຜິດພາດຂອງ WebKit #150079 , Apple Safari Radar #23082521 #14975
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)

ການ ແຕະຈາກໜຶ່ງ <input>ໄປຫາອີກອັນໜຶ່ງໃນການວາງຊ້ອນກັນສາມາດເຮັດໃຫ້ເກີດຜົນກະທົບຂອງການສັ່ນ/ jiggling

 ບັກ WebKit #158276 #19927
Safari (iOS)

Modal ກັບ -webkit-overflow-scrolling: touchບໍ່ສາມາດເລື່ອນໄດ້ຫຼັງຈາກຂໍ້ຄວາມທີ່ເພີ່ມເຮັດໃຫ້ມັນສູງຂຶ້ນ

 ບັກ WebKit #158342 #17695
Safari (iOS)

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

 ບັກ WebKit #158517 #12832
Safari (iPad Pro)

ການສະແດງຜົນຂອງ position: fixedອົງປະກອບທີ່ສືບທອດມາຈາກ iPad Pro ໃນທິດທາງພູມສັນຖານ

 ຂໍ້ຜິດພາດຂອງ WebKit #152637 , Apple Safari Radar #24030853 #18738

ລັກສະນະທີ່ຕ້ອງການຫຼາຍທີ່ສຸດ

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

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

ຕົວທ່ອງເວັບ ສະຫຼຸບສັງລວມຄຸນສົມບັດ ບັນຫາຕົ້ນນໍ້າ ບັນຫາ Bootstrap
Microsoft Edge

ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4

 Edge UserVoice idea #12299532 #19984
Microsoft Edge

ປະຕິບັດ ການຈັດ ຕໍາແຫນ່ງຫນຽວ ຈາກ CSS Positioned Layout Level 3

 Edge UserVoice idea #6263621 #17021
Firefox

ເປີດ transitioncancelເຫດການ ເມື່ອການປ່ຽນ CSS ຖືກຍົກເລີກ

 ຂໍ້ຜິດພາດຂອງ Mozilla #1264125 ຂໍ້ຜິດພາດຂອງ Mozilla #1182856
Firefox

ປະຕິບັດ of <selector-list>ຂໍ້ ຂອງ :nth-child()pseudo-class

 ຂໍ້ຜິດພາດຂອງ Mozilla #854148 #20143
Firefox

ປະຕິບັດ ອົງປະກອບ HTML5<dialog>

 ຂໍ້ຜິດພາດຂອງ Mozilla #840640 #20175
Chrome

ປະຕິບັດ of <selector-list>ຂໍ້ ຂອງ :nth-child()pseudo-class

 ບັນຫາ Chromium #304163 #20143
Chrome

ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4

 ບັນຫາ Chromium #576815 #19984
Chrome

ປະຕິບັດ ການຈັດ ຕໍາແຫນ່ງຫນຽວ ຈາກ CSS Positioned Layout Level 3

 ບັນຫາ Chromium #231752 #17021
Safari

ປະຕິບັດ :dir()pseudo-class ຈາກ Selectors ລະດັບ 4

 ບັກ WebKit #64861 #19984
Safari

ປະຕິບັດ ອົງປະກອບ HTML5<dialog>

 ບັກ WebKit #84635 #20175