Naršyklės klaidos

Šiuo metu „Bootstrap“ šalina keletą išskirtinių naršyklės klaidų pagrindinėse naršyklėse, kad būtų užtikrinta geriausia įvairių naršyklių patirtis. Kai kurių klaidų, pavyzdžiui, išvardytų toliau, mes negalime išspręsti.

Čia viešai išvardijame mus veikiančias naršyklės klaidas, tikėdamiesi paspartinti jų taisymo procesą. Norėdami gauti informacijos apie Bootstrap naršyklės suderinamumą, žr. mūsų naršyklės suderinamumo dokumentus .

Taip pat žiūrėkite:

Naršyklė (-ės) Klaidos santrauka Klaida prieš srovę Įkrovos problema (-os)
Microsoft Edge

Savosios naršyklės patarimas, skirtas titlerodyti pirmoje klaviatūroje (be tinkinto patarimo komponento)

Krašto numeris 6793560 #18692
Microsoft Edge

Užvedęs pelės žymeklį elementas vis tiek išlieka savo :hoverbūsenoje ir nuslinkus.

Krašto numeris #5381673 #14211
Microsoft Edge

Užvedus pelės žymeklį virš <select>meniu elemento, rodomas po meniu esančio elemento žymeklis.

Krašto numeris 817822 #14528
Microsoft Edge

CSS kartais sukelia pirminio elemento border-radiuseilutes .background-color

Krašto numeris 3342037 #16671
Microsoft Edge

background<tr>taikomas tik pirmajam antriniam langeliui, o ne visoms eilutės ląstelėms

Krašto numeris 5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}turi šalutinį poveikį, todėl slinkties juostos automatiškai slepiasi

Krašto numeris 7165383 #18543
Microsoft Edge

Fono spalva iš apatinio sluoksnio kai kuriais atvejais prasiskverbia per skaidrų kraštą

Krašto numeris 6274505 #18228
Microsoft Edge

Užvedus pelės žymeklį virš palikuonio SVG elemento mouseleave, įvykis suaktyvinamas protėviuose

Krašto numeris 7787318 #19670
Firefox

.table-borderedsu tuščia <tbody>trūksta sienų.

„Mozilla“ klaida #1023761 #13453
Firefox

Jei išjungta formos valdiklio būsena pakeičiama naudojant „JavaScript“, atnaujinus puslapį įprasta būsena negrįžta.

„Mozilla“ klaida #654072 #793
Firefox

focusrenginiai neturėtų būti šaudomi į documentobjektą

„Mozilla“ klaida Nr. 1228802 #18365
Firefox

Platus plūduriuojantis stalas nevynioja į naują eilutę

„Mozilla“ klaida #1277782 #19839
Firefox

Pelės kartais nėra elemente, mouseenterkai mouseleaveji yra SVG elementuose

„Mozilla“ klaida #577785 #19670
Firefox

position: absoluteelementas, platesnis nei jo stulpelis, pateikiamas kitaip nei kitos naršyklės

„Mozilla“ klaida #1282363 #20161
„Firefox“ („Windows“)

<select>Kai ekranas nustatytas į neįprastą skiriamąją gebą, kartais trūksta dešinės meniu kraštinės

„Mozilla“ klaida #545685 #15990
Firefox (OS X ir Linux)

Dėl ženklelio valdiklio apatinė skirtukų valdiklio kraštinė netikėtai nesutampa

„Mozilla“ klaida #1259972 #19626
„Chrome“ („Android“)

Palietus <input>slenkamoje perdangoje, <input>rodinys nepaslenkamas

„Chromium“ leidimas Nr. 595210 #17338
„Chrome“ (OS X)

Paspaudus aukščiau <input type="number">esantį padidinimo mygtuką, mirksi mažinimo mygtukas.

„Chromium“ leidimas Nr. 419108 Nr. 8350 ir „ Chromium“ leidimo Nr. 337668 atšaka
Chrome

CSS begalinė linijinė animacija su alfa skaidrumu praleidžia atmintį.

„Chromium“ leidimas Nr. 429375 #14409
Chrome

:focus outlineDėl stiliaus žymeklis nerodomas, kai perjungiama readonly <input>į skaitymą ir rašymą.

„Chromium“ leidimas Nr. 465274 #16022
Chrome

table-cellnepaisant to, kad sienos nesutampamargin-right: -1px

„Chromium“ leidimas Nr. 534750 #17438 , #14237
Chrome

Spustelėjus slinkties juostą <select multiple>su perpildytomis parinktimis bus pasirinkta netoliese<option>

„Chromium“ leidimas Nr. 597642 #19810
Chrome

Neužklijuokite :hoverlietimui patogiuose tinklalapiuose

„Chromium“ leidimas Nr. 370155 #12832
„Chrome“ („Windows“ ir „Linux“)

Animacijos triktis grįžtant į neaktyvų skirtuką po animacijos, kai skirtukas buvo paslėptas.

„Chromium“ leidimas Nr. 449180 #15298
Safari

remmedijos užklausų vienetai turėtų būti skaičiuojami naudojant font-size: initial, o ne šakninį elementąfont-size

WebKit klaida #156684 #17403
„Safari“ (OS X)

px, em, ir remvisos medijos užklausose turėtų veikti taip pat, kai taikomas puslapio mastelio keitimas

WebKit klaida #156687 #17403
„Safari“ (OS X)

Keistas mygtuko elgesys su kai kuriais <input type="number">elementais.

WebKit klaida #137269 , Apple Safari Radar #18834768 #8350 , Normalizuoti #283 , Chromium leidimas #337668
„Safari“ (OS X)

Mažas šrifto dydis spausdinant tinklalapį fiksuoto pločio .container.

WebKit klaida #138192 , Apple Safari Radar #19435018 #14868
„Safari“ („iPad“)

<select>meniu iPad sukelia smūgių tikrinimo sričių perkėlimą

WebKit klaida #150079 , Apple Safari Radar #23082521 #14975
„Safari“ („iOS“)

transform: translate3d(0,0,0);atvaizdavimo klaida.

WebKit klaida #138162 , Apple Safari Radar #18804973 #14603
„Safari“ („iOS“)

Teksto įvesties žymeklis nejuda slenkant puslapiu.

WebKit klaida #138201 , Apple Safari Radar #18819624 #14708
„Safari“ („iOS“)

Įvedus ilgą teksto eilutę, negalima perkelti žymeklio į teksto pradžią<input type="text">

WebKit klaida #148061 , Apple Safari Radar #22299624 #16988
„Safari“ („iOS“)

display: blockdėl to laikinųjų <input>s tekstas tampa vertikaliai neteisingas

WebKit klaida #139848 , Apple Safari Radar #19434878 #11266 , #13098
„Safari“ („iOS“)

Palietus įvykius <body>neaktyvinaclick

WebKit klaida #151933 #16028
„Safari“ („iOS“)

position:fixedyra neteisingai išdėstytas, kai skirtukų juosta matoma „iPhone 6S+ Safari“.

WebKit klaida #153056 #18859
„Safari“ („iOS“)

Palietus elementą slenka <input>į position:fixedpuslapio viršų

WebKit klaida #153224 , Apple Safari Radar #24235301 #17497
„Safari“ („iOS“)

<body>naudojant overflow:hiddenCSS, galima slinkti naudojant „iOS“.

WebKit klaida Nr. 153852 #14839
„Safari“ („iOS“)

Slinkties gestas elemento teksto lauke position:fixedkartais slenka <body>vietoj slenkamojo pirmtako

WebKit klaida #153856 #14839
„Safari“ („iOS“)

Bakstelėjimas nuo vieno <input>prie kito perdangoje gali sukelti drebėjimo / virpėjimo efektą

WebKit klaida Nr. 158276 #19927
„Safari“ („iOS“)

Modal with -webkit-overflow-scrolling: touchnetampa slenkama po to, kai pridėtas tekstas padidina jį

WebKit klaida #158342 #17695
„Safari“ („iOS“)

Neužklijuokite :hoverlietimui patogiuose tinklalapiuose

WebKit klaida #158517 #12832
„Safari“ („iPad Pro“)

Elemento palikuonių atvaizdavimas position: fixed„iPad Pro“ yra nukirptas horizontalioje padėtyje

WebKit klaida #152637 , Apple Safari Radar #24030853 #18738

Labiausiai ieškomos funkcijos

Yra keletas žiniatinklio standartuose nurodytų funkcijų, kurios leistų padaryti Bootstrap tvirtesnę, elegantiškesnę ar našesnę, tačiau jos dar neįdiegtos tam tikrose naršyklėse, todėl negalime jomis pasinaudoti.

Čia viešai išvardijame šias „geidžiamiausias“ funkcijų užklausas, tikėdamiesi paspartinti jų įgyvendinimo procesą.

Naršyklė (-ės) Funkcijos santrauka Prieš srovę problema (-os) Įkrovos problema (-os)
Microsoft Edge

Įdiekite :dir()pseudoklasę iš 4 lygio selektorių

Edge UserVoice idėja #12299532 #19984
Microsoft Edge

Įdiekite lipnią padėties nustatymą iš 3 lygio CSS pozicionuoto išdėstymo

Edge UserVoice idėja #6263621 #17021
Firefox

Suaktyvinkite transitioncancelįvykį , kai atšaukiamas CSS perėjimas

„Mozilla“ klaida Nr. 1264125 „Mozilla“ klaida #1182856
Firefox

Įgyvendinkite pseudoklasės of <selector-list>sąlygą _:nth-child()

„Mozilla“ klaida #854148 #20143
Firefox

Įdiekite HTML5 <dialog>elementą

„Mozilla“ klaida #840640 #20175
Chrome

Įgyvendinkite pseudoklasės of <selector-list>sąlygą _:nth-child()

„Chromium“ leidimas Nr. 304163 #20143
Chrome

Įdiekite :dir()pseudoklasę iš 4 lygio selektorių

„Chromium“ leidimas Nr. 576815 #19984
Chrome

Įdiekite lipnią padėties nustatymą iš 3 lygio CSS pozicionuoto išdėstymo

„Chromium“ leidimas Nr. 231752 #17021
Safari

Įdiekite :dir()pseudoklasę iš 4 lygio selektorių

WebKit klaida #64861 #19984
Safari

Įdiekite HTML5 <dialog>elementą

„WebKit“ klaida Nr. 84635 #20175