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 titlerodyti 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 :hoverbūsenoje ir nuslinkus. |
Krašto numeris #5381673 | #14211 |
| Kraštas | CSS kartais sukelia pirminio elemento border-radiuseilutes .background-color |
Krašto numeris 3342037 | #16671 |
| Kraštas | backgroundiš <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-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 | 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-cellnepaisant to, kad sienos nesutampamargin-right: -1px |
„Chromium“ leidimas Nr. 749848 | #17438 , #14237 |
| Chrome | Neužklijuokite :hoverlietimui patogiuose tinklalapiuose |
„Chromium“ leidimas Nr. 370155 | #12832 |
| Chrome | position: absoluteelementas, 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 | 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 | 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-widthir max-widthmedijos funkcijos neturėtų apvalinti trupmeninių pikselių |
WebKit klaida #178261 | #25166 |
| „Safari“ („macOS“) | px, em, ir remvisos 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: 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“) | 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“ („iOS“) | Elementas, kuris position:fixeddingsta 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 |