Selaimen bugit

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)
Microsoft Edge

Alkuperäisen selaimen työkaluvinkki titlenäytöille ensimmäisen näppäimistön kohdalta (muokatun työkaluvihjekomponentin lisäksi)

Edge-numero 6793560 #18692
Microsoft Edge

Kohdistettu elementti pysyy edelleen :hovertilassa vierityksen jälkeen.

Edge-numero 5381673 #14211
Microsoft Edge

Kun siirrät hiiren <select>valikkokohdan päälle, valikon alla olevan elementin kohdistin tulee näkyviin.

Edge-numero 817822 #14528
Microsoft Edge

CSS aiheuttaa joskus emoelementin border-radiusbleed-through-rivejä .background-color

Edge-numero 3342037 #16671
Microsoft Edge

backgroundof <tr>käytetään vain ensimmäiseen lapsisoluun rivin kaikkien solujen sijaan

Edge-numero 5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}sillä on sivuvaikutus, joka piilottaa vierityspalkit automaattisesti

Edge-numero 7165383 #18543
Microsoft Edge

Alemman kerroksen taustaväri vuotaa joissain tapauksissa läpinäkyvän reunuksen läpi

Edge-numero 6274505 #18228
Microsoft Edge

Vie hiiri jälkeläisen SVG-elementin päälle käynnistää mouseleavetapahtuman esi-isässä

Edge-numero 7787318 #19670
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

position: absolutesaraketta leveä elementti hahmontaa eri tavalla kuin muut selaimet

Mozilla bugi #1282363 #20161
Firefox (Windows)

Valikon oikea reuna <select>puuttuu joskus, kun näyttö on asetettu epätavalliseen resoluutioon

Mozilla bugi #545685 #15990
Firefox (OS X ja Linux)

Merkki-widget aiheuttaa sen, että välilehdet-widgetin alareuna ei yllättäen mene päällekkäin

Mozilla bugi #1259972 #19626
Chrome (Android)

Vieritettävän peittokuvan napauttaminen <input>ei vie sitä <input>näkymään

Chromium-numero 595210 #17338
Chrome (OS X)

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

:focus outlinetyyli aiheuttaa sen, että kohdistinta ei näytetä, kun vaihdat a readonly <input>luku-kirjoitustilaan.

Chromium-numero 465274 #16022
Kromi

table-cellrajat eivät kuitenkaan mene päällekkäinmargin-right: -1px

Chromium-numero 534750 #17438 , #14237
Kromi

Napsauttamalla vierityspalkkia, <select multiple>jossa on ylivuotovaihtoehtoja, valitaan lähellä<option>

Chromium-numero 597642 #19810
Kromi

Älä tee :hovertahmeaksi kosketusystävällisillä verkkosivuilla

Chromium-numero 370155 #12832
Chrome (Windows ja Linux)

Animaatiohäiriö palattaessa ei-aktiiviseen välilehteen animaatioiden esiintymisen jälkeen, kun välilehti oli piilotettu.

Chromium-numero 449180 #15298
Safari

remMediakyselyiden yksiköt tulee laskea käyttämällä font-size: initial, ei juurielementtiäfont-size

WebKit-virhe #156684 #17403
Safari (OS X)

px, em, ja remkaikkien pitäisi toimia samalla tavalla mediakyselyissä, kun sivun zoomausta käytetään

WebKit-virhe #156687 #17403
Safari (OS X)

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 (OS X)

Pieni fonttikoko tulostettaessa verkkosivua kiinteällä leveydellä .container.

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

<select>iPadin valikko aiheuttaa osumien testausalueiden siirtymisen

WebKit bugi #150079 , Apple Safari Radar #23082521 #14975
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)

Napauttaminen yhdestä <input>toiseen peittokuvassa voi aiheuttaa tärisevän/helisevän vaikutuksen

WebKit-virhe #158276 #19927
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 (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)
Microsoft Edge

Toteuta :dir()pseudoluokka Selectors Level 4:stä

Edge UserVoice -idea #12299532 #19984
Microsoft Edge

Ota käyttöön tarttuva paikannus CSS-sijoitetun asettelun tasolta 3

Edge UserVoice -idea #6263621 #17021
Firefox

Käynnistä transitioncanceltapahtuma, kun CSS-siirtymä peruutetaan

Mozilla-vika #1264125 Mozilla-vika #1182856
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
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
Kromi

Ota käyttöön tarttuva paikannus CSS-sijoitetun asettelun tasolta 3

Chromium-numero 231752 #17021
Safari

Toteuta :dir()pseudoluokka Selectors Level 4:stä

WebKit-virhe #64861 #19984
Safari

Ota käyttöön HTML5- <dialog>elementti

WebKit-virhe #84635 #20175