Mga bug sa browser

Ang Bootstrap ay kasalukuyang gumagana sa paligid ng ilang natitirang mga bug sa browser sa mga pangunahing browser upang maihatid ang pinakamahusay na karanasan sa cross-browser na posible. Ang ilang mga bug, tulad ng mga nakalista sa ibaba, ay hindi namin malulutas.

Inilista namin sa publiko ang mga bug sa browser na nakakaapekto sa amin dito, sa pag-asang mapabilis ang proseso ng pag-aayos sa mga ito. Para sa impormasyon sa browser compatibility ng Bootstrap, tingnan ang aming browser compatibility docs .

Tingnan din:

(mga) browser Buod ng bug (mga) upstream na bug (mga) isyu sa bootstrap
Microsoft Edge

Mga visual na artifact sa mga scrollable modal dialog

 Isyu sa gilid #9011176 #20755
Microsoft Edge

Native browser tooltip para sa mga titlepalabas sa unang keyboard focus (bilang karagdagan sa custom na tooltip component)

 Isyu sa gilid #6793560 #18692
Microsoft Edge

Ang naka-hover na elemento ay nananatili pa rin sa :hoverestado pagkatapos mag-scroll palayo.

 Isyu sa gilid #5381673 #14211
Microsoft Edge

Kapag nag-hover sa isang <select>menu item, ang cursor para sa elemento sa ilalim ng menu ay ipinapakita.

 Isyu sa gilid #817822 #14528
Microsoft Edge

border-radiusMinsan nagiging sanhi ang CSS ng mga linya ng bleed-through ng background-colorng parent na elemento.

 Isyu sa gilid #3342037 #16671
Microsoft Edge

backgroundng <tr>ay inilalapat lamang sa unang child cell sa halip na sa lahat ng mga cell sa row

 Isyu sa gilid #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}ay may side-effect ng paggawa ng mga scrollbar na auto-hide

 Isyu sa gilid #7165383 #18543
Microsoft Edge

Ang kulay ng background mula sa ibabang layer ay dumudugo sa transparent na hangganan sa ilang mga kaso

 Isyu sa gilid #6274505 #18228
Microsoft Edge

Ang pag-hover sa descendant na elemento ng SVG ay magpapagana ng mouseleavekaganapan sa ancestor

 Isyu sa gilid #7787318 #19670
Firefox

.table-borderedna may walang laman <tbody>ay nawawalang mga hangganan.

 Mozilla bug #1023761 #13453
Firefox

Kung binago ang naka-disable na estado ng isang kontrol ng form sa pamamagitan ng JavaScript, ang normal na estado ay hindi babalik pagkatapos i-refresh ang pahina.

 Mozilla bug #654072 #793
Firefox

focusAng mga kaganapan ay hindi dapat ipinutok sa documentbagay

 Mozilla bug #1228802 #18365
Firefox

Ang malawak na floated table ay hindi bumabalot sa bagong linya

 Mozilla bug #1277782 #19839
Firefox

Ang mouse kung minsan ay wala sa loob ng elemento para sa mga layunin ng mouseenter/ mouseleavekapag ito ay nasa loob ng mga elemento ng SVG

 Mozilla bug #577785 #19670
Firefox

position: absoluteelementong mas malawak kaysa sa column nito ay nagre-render nang iba kaysa sa ibang mga browser

 Mozilla bug #1282363 #20161
Firefox (Windows)

Minsan nawawala ang kanang hangganan ng <select>menu kapag nakatakda ang screen sa hindi karaniwang resolution

 Mozilla bug #545685 #15990
Firefox (OS X at Linux)

Ang widget ng badge ay nagdudulot ng hindi inaasahang pag-overlap sa ibabang hangganan ng widget ng Tabs

 Mozilla bug #1259972 #19626
Chrome (Android)

Ang pag-tap sa isang <input>in a scrollable overlay ay hindi mag-i-scroll sa <input>into view

 Isyu sa Chromium #595210 #17338
Chrome (OS X)

Ang pag-click sa itaas <input type="number">na pindutan ng pagtaas ay nagpapa-flash sa pindutan ng pagbabawas.

 Isyu sa Chromium #419108 Offshoot ng #8350 at isyu ng Chromium #337668
Chrome

Ang CSS infinite linear animation na may alpha transparency ay naglalabas ng memorya.

 Isyu sa Chromium #429375 #14409
Chrome

:focus outlinestyle ay nagiging sanhi ng hindi pagpapakita ng cursor kapag nagto-toggle readonly <input>sa isang read-write.

 Isyu sa Chromium #465274 #16022
Chrome

table-cellmga hangganan ay hindi nagsasapawan sa kabilamargin-right: -1px

 Isyu sa Chromium #534750 #17438 , #14237
Chrome

Ang pag-click sa scrollbar in na <select multiple>may mga overflowed na opsyon ay pipili sa malapit<option>

 Isyu sa Chromium #597642 #19810
Chrome

Huwag gumawa ng :hoversticky sa touch-friendly na mga webpage

 Isyu sa Chromium #370155 #12832
Chrome (Windows at Linux)

Animation glitch kapag bumabalik sa hindi aktibong tab pagkatapos maganap ang mga animation habang nakatago ang tab.

 Isyu sa Chromium #449180 #15298
Safari

remdapat kalkulahin ang mga unit sa mga query sa media gamit font-size: initialang , hindi ang root elementfont-size

 WebKit bug #156684 #17403
Safari (OS X)

px, em, at remdapat pareho ang pagkilos ng lahat sa mga query sa media kapag inilapat ang page zoom

 WebKit bug #156687 #17403
Safari (OS X)

Kakaibang pag-uugali ng button na may ilang <input type="number">elemento.

 WebKit bug #137269 , Apple Safari Radar #18834768 #8350 , Normalize #283 , Chromium issue #337668
Safari (OS X)

Maliit na laki ng font kapag nagpi-print ng webpage na may fixed-width .container.

 WebKit bug #138192 , Apple Safari Radar #19435018 #14868
Safari (iPad)

<select>ang menu sa iPad ay nagdudulot ng paglilipat ng mga lugar ng hit-testing

 WebKit bug #150079 , Apple Safari Radar #23082521 #14975
Safari (iOS)

transform: translate3d(0,0,0);rendering bug.

 WebKit bug #138162 , Apple Safari Radar #18804973 #14603
Safari (iOS)

Hindi gumagalaw ang cursor ng text input habang nag-i-scroll sa page.

 WebKit bug #138201 , Apple Safari Radar #18819624 #14708
Safari (iOS)

Hindi mailipat ang cursor sa simula ng text pagkatapos magpasok ng mahabang string ng text<input type="text">

 WebKit bug #148061 , Apple Safari Radar #22299624 #16988
Safari (iOS)

display: blocknagiging sanhi ng teksto ng mga temporal <input>na s upang maging patayong hindi pagkakatugma

 WebKit bug #139848 , Apple Safari Radar #19434878 #11266 , #13098
Safari (iOS)

Ang pag-tap sa <body>ay hindi nagpapagana ng mga clickkaganapan

 WebKit bug #151933 #16028
Safari (iOS)

position:fixeday hindi wastong nakaposisyon kapag ang tab bar ay nakikita sa iPhone 6S+ Safari

 WebKit bug #153056 #18859
Safari (iOS)

Ang pag-tap sa <input>loob ng isang position:fixedelemento ay nag-i-scroll sa itaas ng page

 WebKit bug #153224 , Apple Safari Radar #24235301 #17497
Safari (iOS)

<body>na may overflow:hiddenCSS ay scrollable sa iOS

 WebKit bug #153852 #14839
Safari (iOS)

Mag-scroll gesture sa field ng text sa position:fixedelemento kung minsan ay nag-i-scroll <body>sa halip na ma-scroll na ninuno

 WebKit bug #153856 #14839
Safari (iOS)

Ang pag-tap mula sa isa't <input>isa sa isang overlay ay maaaring magdulot ng epekto ng pagyanig/pag-giggling

 WebKit bug #158276 #19927
Safari (iOS)

Ang modal na may -webkit-overflow-scrolling: touchay hindi nagiging ma-scroll pagkatapos ng idinagdag na teksto na gawing mas mataas ito

 WebKit bug #158342 #17695
Safari (iOS)

Huwag gumawa ng :hoversticky sa touch-friendly na mga webpage

 WebKit bug #158517 #12832
Safari (iPad Pro)

Ang pag-render ng mga inapo ng position: fixedelemento ay na-clip sa iPad Pro sa Landscape na oryentasyon

 WebKit bug #152637 , Apple Safari Radar #24030853 #18738

Most wanted na feature

Mayroong ilang mga tampok na tinukoy sa mga pamantayan sa Web na magbibigay-daan sa amin na gawing mas matatag, elegante, o gumaganap ang Bootstrap, ngunit hindi pa ipinapatupad sa ilang mga browser, kaya pinipigilan kaming samantalahin ang mga ito.

Inilista namin sa publiko ang mga "most wanted" na mga kahilingan sa feature na ito, sa pag-asang mapabilis ang proseso ng pagpapatupad ng mga ito.

(mga) browser Buod ng tampok (mga) upstream na isyu (mga) isyu sa bootstrap
Microsoft Edge

Ipatupad ang :dir()pseudo-class mula sa Selectors Level 4

 Ideya ng Edge UserVoice #12299532 #19984
Microsoft Edge

Ipatupad ang sticky positioning mula sa CSS Positioned Layout Level 3

 Ideya ng Edge UserVoice #6263621 #17021
Microsoft Edge

Ipatupad ang HTML5 <dialog>element

 Ideya ng Edge UserVoice #6508895 #20175
Firefox

Paganahin ang isang transitioncancelkaganapan kapag nakansela ang isang CSS transition

 Mozilla bug #1264125 Mozilla bug #1182856
Firefox

Ipatupad ang of <selector-list>sugnay ng :nth-child()pseudo-class

 Mozilla bug #854148 #20143
Firefox

Ipatupad ang HTML5 <dialog>element

 Mozilla bug #840640 #20175
Chrome

Ipatupad ang of <selector-list>sugnay ng :nth-child()pseudo-class

 Isyu sa Chromium #304163 #20143
Chrome

Ipatupad ang :dir()pseudo-class mula sa Selectors Level 4

 Isyu sa Chromium #576815 #19984
Chrome

Ipatupad ang sticky positioning mula sa CSS Positioned Layout Level 3

 Isyu sa Chromium #231752 #17021
Safari

Ipatupad ang :dir()pseudo-class mula sa Selectors Level 4

 WebKit bug #64861 #19984
Safari

Ipatupad ang HTML5 <dialog>element

 WebKit bug #84635 #20175