in English
Selainvirheiden seinä
Vanhentunut sisältö
Tämä sivu on vanhentunut, eikä se enää sovellu Bootstrapin uusimpiin versioihin. Se on nyt täällä vain historiallisista syistä, ja se poistetaan seuraavassa suuressa julkaisussamme.
Bootstrap kiertää tällä hetkellä useita merkittäviä selainvirheitä suurimmissa selaimissa tarjotakseen parhaan mahdollisen selainkokemuksen. Joitakin, kuten alla lueteltuja, bugeja emme voi ratkaista.
Luettelemme julkisesti meihin vaikuttavista selainvirheistä tässä, jotta voimme nopeuttaa niiden korjaamista. Lisätietoja Bootstrapin selaimen yhteensopivuudesta on selaimen yhteensopivuutta koskevissa asiakirjoissamme .
Katso myös:
- Chromium-ongelma 536263: [meta] Bootstrapiin vaikuttavat ongelmat
- Mozilla-virhe 1230801: Korjaa Bootstrapiin vaikuttavat ongelmat
- WebKit-virhe 159753: [meta] Bootstrapiin vaikuttavat ongelmat
- jQueryn selainvirheen ratkaisu
| Selaimet | Yhteenveto virheestä | Varhaisemmat ongelmat | Bootstrap-ongelma(t) |
|---|---|---|---|
| Reuna | Visuaaliset artefaktit vieritettävissä modaalisissa valintaikkunoissa | Edge-numero 9011176 | #20755 |
| Reuna | Alkuperäisen selaimen työkaluvinkki titlenäytöille ensimmäisen näppäimistön kohdalta (muokatun työkaluvihjekomponentin lisäksi) |
Edge-numero 6793560 | #18692 |
| Reuna | Vieritetty elementti pysyy edelleen :hovertilassa vierityksen jälkeen. |
Edge-numero 5381673 | #14211 |
| Reuna | CSS border-radiusaiheuttaa joskus background-coloremoelementin bleed-through -rivejä. |
Edge-numero 3342037 | #16671 |
| Reuna | backgroundof <tr>käytetään vain ensimmäiseen lapsisoluun rivin kaikkien solujen sijaan |
Edge-numero 5865620 | #18504 |
| Reuna | Alemman kerroksen taustaväri vuotaa joissain tapauksissa läpinäkyvän reunuksen läpi | Edge-numero 6274505 | #18228 |
| Reuna | Vie hiiri jälkeläisen SVG-elementin päälle käynnistää mouseleavetapahtuman esi-isässä |
Edge-numero 7787318 | #19670 |
| Reuna | Aktiiviset position: fixed; <button>välkkymät vierittäessä |
Edge-numero 8770398 | #20507 |
| Firefox | .table-borderedtyhjästä <tbody>puuttuu reunat. |
Mozilla bugi #1023761 | #13453 |
| Firefox | Jos lomakeohjausobjektin käytöstä poistettua tilaa muutetaan JavaScriptin avulla, normaali tila ei palaa sivun päivityksen jälkeen. | Mozilla bugi #654072 | #793 |
| Firefox | focustapahtumia ei tule ampua documentkohteeseen |
Mozilla-vika #1228802 | #18365 |
| Firefox | Leveä kelluva taulukko ei kietoudu uuteen riviin | Mozilla-vika #1277782 | #19839 |
| Firefox | Hiiri ei joskus ole elementin sisällä SVG-elementtien tarkoituksiin mouseenter/ kun se on sisällämouseleave |
Mozilla bugi #577785 | #19670 |
| Firefox | Asettelu kelluvilla sarakkeilla katkeaa tulostettaessa | Mozilla bugi #1315994 | #21092 |
| Firefox (Windows) | Valikon oikea reuna <select>puuttuu joskus, kun näyttö on asetettu epätavalliseen resoluutioon |
Mozilla bugi #545685 | #15990 |
| Firefox (macOS ja Linux) | Merkki-widget aiheuttaa sen, että välilehdet-widgetin alareuna ei yllättäen mene päällekkäin | Mozilla bugi #1259972 | #19626 |
| Chrome (macOS) | Napsauttamalla yläpuolella <input type="number">olevaa lisäyspainiketta, vähennyspainike vilkkuu. |
Chromium-numero 419108 | #8350 , Chromium-numero #337668 |
| Kromi | CSS ääretön lineaarinen animaatio alfa läpinäkyvyys vuotaa muistia. | Chromium-numero 429375 | #14409 |
| Kromi | table-cellrajat eivät kuitenkaan mene päällekkäinmargin-right: -1px |
Chromium-numero 749848 | #17438 , #14237 |
| Kromi | Älä tee :hovertahmeaksi kosketusystävällisillä verkkosivuilla |
Chromium-numero 370155 | #12832 |
| Kromi | position: absoluteelementti, joka on leveämpi kuin sen sarake, on leikattu väärin sarakkeen rajaan |
Chromium-numero 269061 | #20161 |
| Kromi | Merkittävä suorituskykyisku dynaamisille SVG-tiedostoille, joissa on tekstiä riippuen fonttien määrästä font-family. |
Chromium-numero 781344 | #24673 |
| Safari | remMediakyselyiden yksiköt tulee laskea käyttämällä font-size: initial, ei juurielementtiäfont-size |
WebKit-virhe #156684 | #17403 |
| Safari | Linkki säilöön, jossa on tunnus ja tabindex, johtaa siihen, että VoiceOver ohittaa säilön (vaikuttaa ohituslinkkeihin) | WebKit-virhe #163658 | #20732 |
| Safari | CSS- min-widthja max-widthmediaominaisuudet eivät saa pyöristää murto-pikseliä |
WebKit-virhe #178261 | #25166 |
| Safari (macOS) | px, em, ja remkaikkien pitäisi toimia samalla tavalla mediakyselyissä, kun sivun zoomausta käytetään |
WebKit-virhe #156687 | #17403 |
| Safari (macOS) | Outo painikkeiden käyttäytyminen joidenkin <input type="number">elementtien kanssa. |
WebKit bugi #137269 , Apple Safari Radar #18834768 | #8350 , Normalisoi #283 , Chromium-ongelma #337668 |
| Safari (macOS) | Pieni fonttikoko tulostettaessa verkkosivua kiinteällä leveydellä .container. |
WebKit bugi #138192 , Apple Safari Radar #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);renderöintivirhe. |
WebKit bugi #138162 , Apple Safari Radar #18804973 | #14603 |
| Safari (iOS) | Tekstinsyötön kohdistin ei liiku sivua vieritettäessä. | WebKit bugi #138201 , Apple Safari Radar #18819624 | #14708 |
| Safari (iOS) | Kohdistinta ei voi siirtää tekstin alkuun pitkän tekstijonon syöttämisen jälkeen<input type="text"> |
WebKit bugi #148061 , Apple Safari Radar #22299624 | #16988 |
| Safari (iOS) | display: blockaiheuttaa ajallisen <input>s:n tekstin vääristymisen pystysuunnassa |
WebKit bugi #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
| Safari (iOS) | Napauttaminen <body>ei käynnistä clicktapahtumia |
WebKit-virhe #151933 | #16028 |
| Safari (iOS) | position:fixedon sijoitettu väärin, kun välilehtipalkki on näkyvissä iPhone 6S+ Safarissa |
WebKit-virhe #153056 | #18859 |
| Safari (iOS) | Kun napautat elementin <input>sisällä, se position:fixedvierittää sivun yläosaan |
WebKit bugi #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (iOS) | <body>CSS :llä overflow:hiddenon vieritettävä iOS:ssä |
WebKit-virhe #153852 | #14839 |
| Safari (iOS) | Elementin tekstikentän position:fixedvieritysele vierittää joskus <body>vieritettävän esi-isän sijaan |
WebKit-virhe #153856 | #14839 |
| Safari (iOS) | Modal with -webkit-overflow-scrolling: touchei tule vieritettäväksi, kun lisätty teksti tekee siitä korkeamman |
WebKit-virhe #158342 | #17695 |
| Safari (iOS) | Älä tee :hovertahmeaksi kosketusystävällisillä verkkosivuilla |
WebKit-virhe #158517 | #12832 |
| Safari (iOS) | Elementti, joka on position:fixed, katoaa <select>valikon avaamisen jälkeen |
WebKit-virhe #162362 | #20759 |
| Safari (iPad Pro) | Elementin jälkeläisten renderöinti position: fixedleikataan iPad Prossa vaakasuunnassa |
WebKit bugi #152637 , Apple Safari Radar #24030853 | #18738 |
Halutuimmat ominaisuudet
Web-standardeissa on useita ominaisuuksia, joiden avulla voimme tehdä Bootstrapista kestävämmän, tyylikkäämmän tai tehokkaamman, mutta joita ei ole vielä toteutettu joissakin selaimissa, mikä estää meitä hyödyntämästä niitä.
Luettelemme julkisesti nämä "toivotuimmat" ominaisuuspyynnöt täällä, jotta voimme nopeuttaa niiden toteuttamista.
| Selaimet | Yhteenveto ominaisuudesta | Varhaisemmat ongelmat | Bootstrap-ongelma(t) |
|---|---|---|---|
| Reuna | Tarkennettavien elementtien tulee käynnistää fokustapahtuma / vastaanottaa :focus style, kun ne vastaanottavat kertojan/esteettömyyskohdistuksen | Microsoft A11y UserVoice-idea #16717318 | #20732 |
| Reuna | Toteuta :dir()pseudoluokka Selectors Level 4:stä |
Edge UserVoice -idea #12299532 | #19984 |
| Reuna | Ota käyttöön HTML5- <dialog>elementti |
Edge UserVoice -idea #6508895 | #20175 |
| Reuna | Käynnistä transitioncanceltapahtuma, kun CSS-siirtymä peruutetaan |
Edge UserVoice -idea #15939898 | #20618 |
| Reuna | Toteuta pseudoluokan of <selector-list>lauseke _:nth-child() |
Edge UserVoice -idea #15944476 | #20143 |
| Firefox | Toteuta pseudoluokan of <selector-list>lauseke _:nth-child() |
Mozilla bugi #854148 | #20143 |
| Firefox | Ota käyttöön HTML5- <dialog>elementti |
Mozilla bugi #840640 | #20175 |
| Firefox | Kun virtuaalinen kohdistus on painikkeessa tai linkissä, aktivoi todellinen kohdistus myös elementtiin | Mozillan bugi #1000082 | #20732 |
| Kromi | Käynnistä transitioncanceltapahtuma, kun CSS-siirtymä peruutetaan |
Chromium-numero 642487 | Chromium-numero 437860 |
| Kromi | Toteuta pseudoluokan of <selector-list>lauseke _:nth-child() |
Chromium-numero 304163 | #20143 |
| Kromi | Toteuta :dir()pseudoluokka Selectors Level 4:stä |
Chromium-numero 576815 | #19984 |
| Safari | Käynnistä transitioncanceltapahtuma, kun CSS-siirtymä peruutetaan |
WebKit-virhe #161535 | #20618 |
| Safari | Toteuta :dir()pseudoluokka Selectors Level 4:stä |
WebKit-virhe #64861 | #19984 |
| Safari | Ota käyttöön HTML5- <dialog>elementti |
WebKit-virhe #84635 | #20175 |