Source

Selainvirheiden seinä

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:

Selaimet Yhteenveto virheestä Upstream bugi(t) 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- ja Chromium-numeron 337668 sivuhaara
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