Naršyklės klaidų siena
Pasenęs turinys
Šis puslapis yra pasenęs ir nebegalioja naujausioms „Bootstrap“ versijoms. Dabar jis čia yra tik istoriniais tikslais ir bus pašalintas kitame dideliame leidime.
Š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:
- „Chromium“ problema 536263: [meta] problemos, turinčios įtakos „Bootstrap“.
- „Mozilla“ klaida 1230801: ištaisykite problemas, turinčias įtakos „Bootstrap“.
- „WebKit“ klaida 159753: [meta] problemos, turinčios įtakos „Bootstrap“.
- „jQuery“ naršyklės klaidų sprendimai
Naršyklė (-ės) | Klaidos santrauka | Prieš srovę problema (-os) | Įkrovos problema (-os) |
---|---|---|---|
Kraštas | Vaizdiniai artefaktai slenkamuose modaliniuose dialoguose | Krašto numeris 9011176 | #20755 |
Kraštas | Savosios naršyklės patarimas, skirtas title rodyti pirmoje klaviatūroje (be tinkinto patarimo komponento) |
Krašto numeris 6793560 | #18692 |
Kraštas | Užvedęs pelės žymeklį elementas vis tiek išlieka savo :hover būsenoje ir nuslinkus. |
Krašto numeris #5381673 | #14211 |
Kraštas | CSS kartais sukelia pirminio elemento border-radius eilutes .background-color |
Krašto numeris 3342037 | #16671 |
Kraštas | background iš <tr> taikomas tik pirmajam antriniam langeliui, o ne visoms eilutės ląstelėms |
Krašto numeris 5865620 | #18504 |
Kraštas | Fono spalva iš apatinio sluoksnio kai kuriais atvejais prasiskverbia per skaidrų kraštą | Krašto numeris 6274505 | #18228 |
Kraštas | Užvedus pelės žymeklį virš palikuonio SVG elemento mouseleave , įvykis suaktyvinamas protėviuose |
Krašto numeris 7787318 | #19670 |
Kraštas | Aktyvūs position: fixed; <button> mirgėjimai slenkant |
Krašto numeris 8770398 | #20507 |
Firefox | .table-bordered su 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 | focus renginiai neturėtų būti šaudomi į document objektą |
„Mozilla“ klaida Nr. 1228802 | #18365 |
Firefox | Platus plūduriuojantis stalas nevynioja į naują eilutę | „Mozilla“ klaida #1277782 | #19839 |
Firefox | Pelės kartais nėra elemente, mouseenter kai mouseleave ji yra SVG elementuose |
„Mozilla“ klaida #577785 | #19670 |
Firefox | Išdėstymas su slankiaisiais stulpeliais spausdinant nutrūksta | „Mozilla“ klaida #1315994 | #21092 |
„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“ („MacOS“ ir „Linux“) | Dėl ženklelio valdiklio apatinė skirtukų valdiklio kraštinė netikėtai nesutampa | „Mozilla“ klaida #1259972 | #19626 |
„Chrome“ („macOS“) | Paspaudus aukščiau <input type="number"> esantį padidinimo mygtuką, mirksi mažinimo mygtukas. |
„Chromium“ leidimas Nr. 419108 | #8350 , Chromium leidimas #337668 |
Chrome | CSS begalinė linijinė animacija su alfa skaidrumu praleidžia atmintį. | „Chromium“ leidimas Nr. 429375 | #14409 |
Chrome | table-cell nepaisant to, kad sienos nesutampamargin-right: -1px |
„Chromium“ leidimas Nr. 749848 | #17438 , #14237 |
Chrome | Neužklijuokite :hover lietimui patogiuose tinklalapiuose |
„Chromium“ leidimas Nr. 370155 | #12832 |
Chrome | position: absolute elementas, platesnis už jo stulpelį, neteisingai nukirptas prie stulpelio ribos |
„Chromium“ leidimas Nr. 269061 | #20161 |
Chrome | Didelis dinaminių SVG su tekstu našumas, priklausantis nuo šriftų skaičiaus font-family . |
„Chromium“ leidimas Nr. 781344 | #24673 |
Safari | rem medijos užklausų vienetai turėtų būti skaičiuojami naudojant font-size: initial , o ne šakninį elementąfont-size |
WebKit klaida #156684 | #17403 |
Safari | Nuoroda į sudėtinį rodinį su ID ir tabindex lemia, kad „VoiceOver“ nepaiso sudėtinio rodinio (turi įtakos praleidimo nuorodoms) | WebKit klaida #163658 | #20732 |
Safari | CSS min-width ir max-width medijos funkcijos neturėtų apvalinti trupmeninių pikselių |
WebKit klaida #178261 | #25166 |
„Safari“ („macOS“) | px , em , ir rem visos medijos užklausose turėtų veikti taip pat, kai taikomas puslapio mastelio keitimas |
WebKit klaida #156687 | #17403 |
„Safari“ („macOS“) | Keistas mygtuko elgesys su kai kuriais <input type="number"> elementais. |
WebKit klaida #137269 , Apple Safari Radar #18834768 | #8350 , Normalizuoti #283 , Chromium leidimas #337668 |
„Safari“ („macOS“) | Mažas šrifto dydis spausdinant tinklalapį fiksuoto pločio .container . |
WebKit klaida #138192 , Apple Safari Radar #19435018 | #14868 |
„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: block dė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:fixed yra neteisingai išdėstytas, kai skirtukų juosta matoma „iPhone 6S+ Safari“. |
WebKit klaida #153056 | #18859 |
„Safari“ („iOS“) | Palietus elementą slenka <input> į position:fixed puslapio viršų |
WebKit klaida #153224 , Apple Safari Radar #24235301 | #17497 |
„Safari“ („iOS“) | <body> naudojant overflow:hidden CSS, galima slinkti naudojant „iOS“. |
WebKit klaida Nr. 153852 | #14839 |
„Safari“ („iOS“) | Slinkties gestas elemento teksto lauke position:fixed kartais slenka <body> vietoj slenkamojo pirmtako |
WebKit klaida #153856 | #14839 |
„Safari“ („iOS“) | Modal with -webkit-overflow-scrolling: touch netampa slenkama po to, kai pridėtas tekstas padidina jį |
WebKit klaida #158342 | #17695 |
„Safari“ („iOS“) | Neužklijuokite :hover lietimui patogiuose tinklalapiuose |
WebKit klaida #158517 | #12832 |
„Safari“ („iOS“) | Elementas, kuris position:fixed dingsta atidarius <select> meniu |
WebKit klaida Nr. 162362 | #20759 |
„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) |
---|---|---|---|
Kraštas | Fokusuojami elementai turi suaktyvinti fokusavimo įvykį / gauti :fokusavimo stilių, kai jie gauna pasakotojo / pritaikymo neįgaliesiems fokusą | Microsoft A11y UserVoice idėja Nr. 16717318 | #20732 |
Kraštas | Įdiekite :dir() pseudoklasę iš 4 lygio selektorių |
Edge UserVoice idėja #12299532 | #19984 |
Kraštas | Įdiekite HTML5 <dialog> elementą |
Edge UserVoice idėja #6508895 | #20175 |
Kraštas | Suaktyvinkite transitioncancel įvykį , kai atšaukiamas CSS perėjimas |
Edge UserVoice idėja #15939898 | #20618 |
Kraštas | Įgyvendinkite pseudoklasės of <selector-list> sąlygą _:nth-child() |
Edge UserVoice idėja #15944476 | #20143 |
Firefox | Įgyvendinkite pseudoklasės of <selector-list> sąlygą _:nth-child() |
„Mozilla“ klaida #854148 | #20143 |
Firefox | Įdiekite HTML5 <dialog> elementą |
„Mozilla“ klaida #840640 | #20175 |
Firefox | Kai virtualus dėmesys nukreipiamas į mygtuką arba nuorodą, suaktyvinkite ir elementą | „Mozilla“ klaida Nr. 1000082 | #20732 |
Chrome | Suaktyvinkite transitioncancel įvykį , kai atšaukiamas CSS perėjimas |
„Chromium“ leidimas Nr. 642487 | „Chromium“ leidimas Nr. 437860 |
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 |
Safari | Suaktyvinkite transitioncancel įvykį , kai atšaukiamas CSS perėjimas |
WebKit klaida Nr. 161535 | #20618 |
Safari | Įdiekite :dir() pseudoklasę iš 4 lygio selektorių |
WebKit klaida #64861 | #19984 |
Safari | Įdiekite HTML5 <dialog> elementą |
„WebKit“ klaida Nr. 84635 | #20175 |