Wall ng mga browser bug
Lumang nilalaman
Luma na ang page na ito at hindi na naaangkop sa mga pinakabagong bersyon ng Bootstrap. Naririto lamang ito para sa makasaysayang layunin ngayon at aalisin sa aming susunod na pangunahing paglabas.
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:
- Isyu ng Chromium 536263: [meta] Mga isyung nakakaapekto sa Bootstrap
- Mozilla bug 1230801: Ayusin ang mga isyu na nakakaapekto sa Bootstrap
- WebKit bug 159753: [meta] Mga isyu na nakakaapekto sa Bootstrap
- Mga solusyon sa bug sa browser ng jQuery
(mga) browser | Buod ng bug | (mga) upstream na isyu | (mga) isyu sa bootstrap |
---|---|---|---|
gilid | Mga visual na artifact sa mga scrollable modal dialog | Isyu sa gilid #9011176 | #20755 |
gilid | Native browser tooltip para sa mga title palabas sa unang keyboard focus (bilang karagdagan sa custom na tooltip component) |
Isyu sa gilid #6793560 | #18692 |
gilid | Ang naka-hover na elemento ay nananatili pa rin sa :hover estado pagkatapos mag-scroll palayo. |
Isyu sa gilid #5381673 | #14211 |
gilid | border-radius Minsan nagiging sanhi ang CSS ng mga linya ng bleed-through ng background-color ng parent na elemento. |
Isyu sa gilid #3342037 | #16671 |
gilid | background ng <tr> ay inilalapat lamang sa unang child cell sa halip na sa lahat ng mga cell sa row |
Isyu sa gilid #5865620 | #18504 |
gilid | Ang kulay ng background mula sa ibabang layer ay dumudugo sa transparent na hangganan sa ilang mga kaso | Isyu sa gilid #6274505 | #18228 |
gilid | Ang pag-hover sa descendant na elemento ng SVG ay magpapagana ng mouseleave kaganapan sa ancestor |
Isyu sa gilid #7787318 | #19670 |
gilid | Mga aktibong position: fixed; <button> pagkutitap kapag nag-i-scroll |
Isyu sa gilid #8770398 | #20507 |
Firefox | .table-bordered na 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 | focus Ang mga kaganapan ay hindi dapat ipinutok sa document bagay |
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 / mouseleave kapag ito ay nasa loob ng mga elemento ng SVG |
Mozilla bug #577785 | #19670 |
Firefox | Nasisira ang layout na may mga floated column kapag nagpi-print | Mozilla bug #1315994 | #21092 |
Firefox (Windows) | Minsan nawawala ang kanang hangganan ng <select> menu kapag nakatakda ang screen sa hindi karaniwang resolution |
Mozilla bug #545685 | #15990 |
Firefox (macOS 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 (macOS) | Ang pag-click sa itaas <input type="number"> na pindutan ng pagtaas ay nagpapa-flash sa pindutan ng pagbabawas. |
Isyu sa Chromium #419108 | #8350 , isyu sa Chromium #337668 |
Chrome | Ang CSS infinite linear animation na may alpha transparency ay naglalabas ng memorya. | Isyu sa Chromium #429375 | #14409 |
Chrome | table-cell mga hangganan ay hindi nagsasapawan sa kabilamargin-right: -1px |
Isyu sa Chromium #749848 | #17438 , #14237 |
Chrome | Huwag gumawa ng :hover sticky sa touch-friendly na mga webpage |
Isyu sa Chromium #370155 | #12832 |
Chrome | position: absolute ang elementong mas malawak kaysa sa column nito ay hindi wastong na-clip sa hangganan ng column |
Isyu sa Chromium #269061 | #20161 |
Chrome | Makabuluhang performance hit para sa mga dynamic na SVG na may text depende sa bilang ng mga font sa font-family . |
Isyu sa Chromium #781344 | #24673 |
Safari | rem dapat kalkulahin ang mga unit sa mga query sa media gamit font-size: initial ang , hindi ang root elementfont-size |
WebKit bug #156684 | #17403 |
Safari | Ang link sa container na may id at tabindex ay nagreresulta sa container na hindi pinansin ng VoiceOver (nakakaapekto sa mga laktawan na link) | WebKit bug #163658 | #20732 |
Safari | Ang CSS min-width at max-width mga feature ng media ay hindi dapat bilugan ang fractional pixel |
WebKit bug #178261 | #25166 |
Safari (macOS) | px , em , at rem dapat pareho ang pagkilos ng lahat sa mga query sa media kapag inilapat ang page zoom |
WebKit bug #156687 | #17403 |
Safari (macOS) | 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 (macOS) | Maliit na laki ng font kapag nagpi-print ng webpage na may fixed-width .container . |
WebKit bug #138192 , Apple Safari Radar #19435018 | #14868 |
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: block nagiging 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 click kaganapan |
WebKit bug #151933 | #16028 |
Safari (iOS) | position:fixed ay 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:fixed elemento ay nag-i-scroll sa itaas ng page |
WebKit bug #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> na may overflow:hidden CSS ay scrollable sa iOS |
WebKit bug #153852 | #14839 |
Safari (iOS) | Mag-scroll gesture sa field ng text sa position:fixed elemento kung minsan ay nag-i-scroll <body> sa halip na ma-scroll na ninuno |
WebKit bug #153856 | #14839 |
Safari (iOS) | Ang modal na may -webkit-overflow-scrolling: touch ay hindi nagiging ma-scroll pagkatapos ng idinagdag na teksto na gawing mas mataas ito |
WebKit bug #158342 | #17695 |
Safari (iOS) | Huwag gumawa ng :hover sticky sa touch-friendly na mga webpage |
WebKit bug #158517 | #12832 |
Safari (iOS) | Elemento na position:fixed nawawala pagkatapos magbukas ng <select> menu |
WebKit bug #162362 | #20759 |
Safari (iPad Pro) | Ang pag-render ng mga inapo ng position: fixed elemento 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 kahilingan sa feature na "most wanted" 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 |
---|---|---|---|
gilid | Ang mga natutuon na elemento ay dapat magpagana ng focus event / tumanggap ng :focus styling kapag natanggap nila ang Narrator/accessibility focus | Microsoft A11y UserVoice idea #16717318 | #20732 |
gilid | Ipatupad ang :dir() pseudo-class mula sa Selectors Level 4 |
Ideya ng Edge UserVoice #12299532 | #19984 |
gilid | Ipatupad ang HTML5 <dialog> element |
Ideya ng Edge UserVoice #6508895 | #20175 |
gilid | Paganahin ang isang transitioncancel kaganapan kapag nakansela ang isang CSS transition |
Ideya ng Edge UserVoice #15939898 | #20618 |
gilid | Ipatupad ang of <selector-list> sugnay ng :nth-child() pseudo-class |
Ideya ng Edge UserVoice #15944476 | #20143 |
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 |
Firefox | Kapag ang virtual focus ay nasa isang button o link, paganahin din ang aktwal na focus sa elemento | Mozilla bug #1000082 | #20732 |
Chrome | Paganahin ang isang transitioncancel kaganapan kapag nakansela ang isang CSS transition |
Isyu sa Chromium #642487 | Isyu sa Chromium #437860 |
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 |
Safari | Paganahin ang isang transitioncancel kaganapan kapag nakansela ang isang CSS transition |
WebKit bug #161535 | #20618 |
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 |