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 `title`näytöille ensimmäisen näppäimistön kohdalta (muokatun työkaluvihjekomponentin lisäksi)	Edge-numero 6793560	#18692
Reuna	Vieritetty elementti pysyy edelleen `:hover`tilassa vierityksen jälkeen.	Edge-numero 5381673	#14211
Reuna	CSS `border-radius`aiheuttaa joskus `background-color`emoelementin bleed-through -rivejä.	Edge-numero 3342037	#16671
Reuna	`background`of `<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ää `mouseleave`tapahtuman esi-isässä	Edge-numero 7787318	#19670
Reuna	Aktiiviset `position: fixed;` `<button>`välkkymät vierittäessä	Edge-numero 8770398	#20507
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	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-cell`rajat eivät kuitenkaan mene päällekkäin`margin-right: -1px`	Chromium-numero 749848	#17438 , #14237
Kromi	Älä tee `:hover`tahmeaksi kosketusystävällisillä verkkosivuilla	Chromium-numero 370155	#12832
Kromi	`position: absolute`elementti, 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	`rem`Mediakyselyiden 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-width`ja `max-width`mediaominaisuudet eivät saa pyöristää murto-pikseliä	WebKit-virhe #178261	#25166
Safari (macOS)	`px`, `em`, ja `rem`kaikkien 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: 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)	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 (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: fixed`leikataan 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ä `transitioncancel`tapahtuma, 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ä `transitioncancel`tapahtuma, 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ä `transitioncancel`tapahtuma, 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