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)
Microsoft Edge	Visuaaliset artefaktit vieritettävissä modaalisissa valintaikkunoissa	Edge-numero 9011176	#20755
Microsoft Edge	Alkuperäisen selaimen työkaluvinkki `title`näytöille ensimmäisen näppäimistön kohdalta (muokatun työkaluvihjekomponentin lisäksi)	Edge-numero 6793560	#18692
Microsoft Edge	Kohdistettu elementti pysyy edelleen `:hover`tilassa 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-radius`bleed-through-rivejä .`background-color`	Edge-numero 3342037	#16671
Microsoft Edge	`background`of `<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ää `mouseleave`tapahtuman esi-isässä	Edge-numero 7787318	#19670
Firefox	`.table-bordered`tyhjä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	`focus`tapahtumia ei tule ampua `document`kohteeseen	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: absolute`saraketta 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` `outline`tyyli aiheuttaa sen, että kohdistinta ei näytetä, kun vaihdat a `readonly` `<input>`luku-kirjoitustilaan.	Chromium-numero 465274	#16022
Kromi	`table-cell`rajat eivät kuitenkaan mene päällekkäin`margin-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 `:hover`tahmeaksi 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	`rem`Mediakyselyiden 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 `rem`kaikkien 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: block`aiheuttaa ajallisen `<input>`s:n tekstin vääristymisen pystysuunnassa	WebKit bugi #139848 , Apple Safari Radar #19434878	#11266 , #13098
Safari (iOS)	Napauttaminen `<body>`ei käynnistä `click`tapahtumia	WebKit-virhe #151933	#16028
Safari (iOS)	`position:fixed`on 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:fixed`vierittää sivun yläosaan	WebKit bugi #153224 , Apple Safari Radar #24235301	#17497
Safari (iOS)	`<body>`CSS :llä `overflow:hidden`on vieritettävä iOS:ssä	WebKit-virhe #153852	#14839
Safari (iOS)	Elementin tekstikentän `position:fixed`vieritysele 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: touch`ei tule vieritettäväksi, kun lisätty teksti tekee siitä korkeamman	WebKit-virhe #158342	#17695
Safari (iOS)	Älä tee `:hover`tahmeaksi kosketusystävällisillä verkkosivuilla	WebKit-virhe #158517	#12832
Safari (iPad Pro)	Elementin jälkeläisten renderöinti `position: fixed`leikataan iPad Prossa vaakasuunnassa	WebKit bugi #152637 , Apple Safari Radar #24030853	#18738

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
Microsoft Edge	Ota käyttöön HTML5- `<dialog>`elementti	Edge UserVoice -idea #6508895	#20175
Firefox	Käynnistä `transitioncancel`tapahtuma, 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

Selaimen bugit

Halutuimmat ominaisuudet