in English
Stena chýb prehliadača
Zastaraný obsah
Táto stránka je zastaraná a už nie je použiteľná pre najnovšie verzie Bootstrapu. Teraz je tu čisto na historické účely a v našom ďalšom veľkom vydaní bude odstránený.
Bootstrap v súčasnosti rieši niekoľko vynikajúcich chýb prehliadača v hlavných prehliadačoch, aby poskytoval čo najlepší možný zážitok z viacerých prehliadačov. Niektoré chyby, ako napríklad chyby uvedené nižšie, nemôžeme vyriešiť.
Tu verejne uvádzame chyby prehliadača, ktoré nás ovplyvňujú, v nádeji, že urýchlime proces ich opravy. Informácie o kompatibilite prehliadača Bootstrap nájdete v našich dokumentoch o kompatibilite prehliadačov .
Pozri tiež:
- Vydanie Chromium 536263: [meta] Problémy ovplyvňujúce Bootstrap
- Chyba Mozilly 1230801: Opravte problémy, ktoré ovplyvňujú Bootstrap
- Chyba WebKitu 159753: [meta] Problémy ovplyvňujúce Bootstrap
- Riešenie chýb prehliadača jQuery
| Prehliadače | Zhrnutie chyby | Problémy proti prúdu | Problémy s bootstrapom |
|---|---|---|---|
| Hrana | Vizuálne artefakty v rolovateľných modálnych dialógoch | Problém na okraji #9011176 | #20755 |
| Hrana | Natívny popis prehliadača pre titlerelácie s prvým zameraním klávesnice (okrem vlastného komponentu popisu) |
Problém s okrajom #6793560 | #18692 |
| Hrana | Vznášaný prvok zostáva aj :hoverpo posunutí preč v stave. |
Problém s okrajom #5381673 | #14211 |
| Hrana | CSS border-radiusniekedy spôsobuje presvitanie čiar background-colornadradeného prvku. |
Problém na okraji #3342037 | #16671 |
| Hrana | backgroundz <tr>sa použije iba na prvú podriadenú bunku namiesto všetkých buniek v riadku |
Problém s okrajom #5865620 | #18504 |
| Hrana | Farba pozadia zo spodnej vrstvy v niektorých prípadoch presakuje cez priehľadný okraj | Problém s okrajom #6274505 | #18228 |
| Hrana | Umiestnením kurzora myši na potomok prvku SVG sa spustí mouseleaveudalosť pri predkovi |
Problém s okrajom #7787318 | #19670 |
| Hrana | Aktívne position: fixed; <button>bliká pri rolovaní |
Problém s okrajom #8770398 | #20507 |
| Firefox | .table-bordereds prázdnou <tbody>chýbajú okraje. |
Chyba Mozilly #1023761 | #13453 |
| Firefox | Ak sa zakázaný stav ovládacieho prvku formulára zmení pomocou JavaScriptu, normálny stav sa po obnovení stránky nevráti. | Chyba Mozilly #654072 | #793 |
| Firefox | focusudalosti by sa nemali spúšťať na documentobjekte |
Chyba Mozilly #1228802 | #18365 |
| Firefox | Široký plávajúci stôl sa nezabalí do nového riadku | Chyba Mozilly #1277782 | #19839 |
| Firefox | Myš niekedy nie je v rámci prvku na účely mouseenter/ mouseleavekeď je v rámci prvkov SVG |
Chyba Mozilly #577785 | #19670 |
| Firefox | Rozloženie s pohyblivými stĺpcami sa pri tlači preruší | Chyba Mozilly #1315994 | #21092 |
| Firefox (Windows) | Pravý okraj <select>ponuky niekedy chýba, keď je obrazovka nastavená na neobvyklé rozlíšenie |
Chyba Mozilly #545685 | #15990 |
| Firefox (macOS a Linux) | Miniaplikácia odznaku spôsobí, že spodný okraj miniaplikácie Karty sa neočakávane neprekrýva | Chyba Mozilly #1259972 | #19626 |
| Chrome (macOS) | Po kliknutí <input type="number">na tlačidlo zvýšenia sa rozbliká tlačidlo zníženia. |
Číslo Chromium #419108 | #8350 , Vydanie Chromium #337668 |
| Chrome | Nekonečná lineárna animácia CSS s priehľadnosťou alfa prepúšťa pamäť. | Problém Chromium #429375 | #14409 |
| Chrome | table-cellnapriek tomu sa hranice neprekrývajúmargin-right: -1px |
Problém Chromium #749848 | #17438 , #14237 |
| Chrome | Nerobte :hoverlepkavé na dotykových webových stránkach |
Problém Chromium #370155 | #12832 |
| Chrome | position: absoluteprvok, ktorý je širší ako jeho stĺpec, je nesprávne orezaný k hranici stĺpca |
Problém Chromium č. 269061 | #20161 |
| Chrome | Výrazný zásah do výkonu pre dynamické súbory SVG s textom v závislosti od počtu fontov v font-family. |
Problém Chromium #781344 | #24673 |
| Safari | remJednotky v mediálnych dopytoch by sa mali vypočítať pomocou font-size: initial, nie pomocou koreňového prvkufont-size |
Chyba WebKit #156684 | #17403 |
| Safari | Odkaz na kontajner s ID a tabindexom spôsobí, že VoiceOver ignoruje kontajner (ovplyvní preskočené odkazy) | Chyba WebKit #163658 | #20732 |
| Safari | CSS min-widtha max-widthmediálne funkcie by nemali zaobliť zlomkové pixely |
Chyba WebKit č. 178261 | #25166 |
| Safari (macOS) | px, em, a remvšetky by sa mali správať rovnako v mediálnych dopytoch, keď sa použije priblíženie stránky |
Chyba WebKit #156687 | #17403 |
| Safari (macOS) | Zvláštne správanie tlačidiel s niektorými <input type="number">prvkami. |
Chyba WebKit #137269 , Apple Safari Radar #18834768 | #8350 , Normalizovať #283 , Vydanie Chromium #337668 |
| Safari (macOS) | Malá veľkosť písma pri tlači webovej stránky s pevnou šírkou .container. |
Chyba WebKit #138192 , Apple Safari Radar #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);chyba vykresľovania. |
Chyba WebKit #138162 , Apple Safari Radar #18804973 | #14603 |
| Safari (iOS) | Kurzor zadávania textu sa pri posúvaní stránky nepohybuje. | Chyba WebKit #138201 , Apple Safari Radar #18819624 | #14708 |
| Safari (iOS) | Po zadaní dlhého reťazca textu nie je možné presunúť kurzor na začiatok textu<input type="text"> |
Chyba WebKit #148061 , Apple Safari Radar #22299624 | #16988 |
| Safari (iOS) | display: blockspôsobí, že text časových <input>s bude vertikálne nesprávne zarovnaný |
Chyba WebKit #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
| Safari (iOS) | Klepnutím na <body>nespustíte clickudalosti |
Chyba WebKit č. 151933 | #16028 |
| Safari (iOS) | position:fixedje nesprávne umiestnená, keď je panel kariet viditeľný na iPhone 6S+ Safari |
Chyba WebKit #153056 | #18859 |
| Safari (iOS) | Klepnutím na prvok <input>v rámci position:fixedprvku sa posuniete na začiatok stránky |
Chyba WebKit #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (iOS) | <body>s overflow:hiddenCSS je rolovateľný na iOS |
Chyba WebKit #153852 | #14839 |
| Safari (iOS) | Gesto posúvania v textovom poli v position:fixedprvku sa niekedy posúva <body>namiesto posúvateľného predchodcu |
Chyba WebKit #153856 | #14839 |
| Safari (iOS) | Modal with -webkit-overflow-scrolling: touchsa nestane posúvateľným po pridaní textu, ktorý ho zväčší |
Chyba WebKit #158342 | #17695 |
| Safari (iOS) | Nerobte :hoverlepkavé na dotykových webových stránkach |
Chyba WebKit #158517 | #12832 |
| Safari (iOS) | Prvok, ktorý sa position:fixedpo otvorení <select>ponuky stratí |
Chyba WebKit č. 162362 | #20759 |
| Safari (iPad Pro) | Vykresľovanie potomkov position: fixedprvku sa orezáva na iPad Pro v orientácii na šírku |
Chyba WebKit #152637 , Apple Safari Radar #24030853 | #18738 |
Najžiadanejšie funkcie
Existuje niekoľko funkcií špecifikovaných vo webových štandardoch, ktoré by nám umožnili urobiť Bootstrap robustnejším, elegantnejším alebo výkonnejším, ale zatiaľ nie sú implementované v niektorých prehliadačoch, čo nám bráni vo využívaní ich výhod.
Verejne tu uvádzame tieto „najžiadanejšie“ požiadavky na funkcie v nádeji, že urýchlime proces ich implementácie.
| Prehliadače | Zhrnutie funkcie | Problémy proti prúdu | Problémy s bootstrapom |
|---|---|---|---|
| Hrana | Zamerateľné prvky by mali spustiť udalosť zamerania / dostať :focus styling, keď dostanú zameranie Moderátor/dostupnosť | Nápad Microsoft A11y UserVoice #16717318 | #20732 |
| Hrana | Implementujte :dir()pseudotriedu zo selektorov úrovne 4 |
Nápad Edge UserVoice #12299532 | #19984 |
| Hrana | Implementujte <dialog>prvok HTML5 |
Nápad Edge UserVoice #6508895 | #20175 |
| Hrana | Spustite transitioncanceludalosť , keď je prechod CSS zrušený |
Nápad Edge UserVoice #15939898 | #20618 |
| Hrana | Implementujte of <selector-list>klauzulu:nth-child() pseudotriedy _ |
Nápad Edge UserVoice #15944476 | #20143 |
| Firefox | Implementujte of <selector-list>klauzulu:nth-child() pseudotriedy _ |
Chyba Mozilly #854148 | #20143 |
| Firefox | Implementujte <dialog>prvok HTML5 |
Chyba Mozilly #840640 | #20175 |
| Firefox | Keď je virtuálne zameranie na tlačidlo alebo odkaz, spustite skutočné zameranie aj na prvok | Chyba Mozilly #1000082 | #20732 |
| Chrome | Spustite transitioncanceludalosť , keď je prechod CSS zrušený |
Problém Chromium #642487 | Problém Chromium #437860 |
| Chrome | Implementujte of <selector-list>klauzulu:nth-child() pseudotriedy _ |
Problém Chromium #304163 | #20143 |
| Chrome | Implementujte :dir()pseudotriedu zo selektorov úrovne 4 |
Problém Chromium #576815 | #19984 |
| Safari | Spustite transitioncanceludalosť , keď je prechod CSS zrušený |
Chyba WebKit č. 161535 | #20618 |
| Safari | Implementujte :dir()pseudotriedu zo selektorov úrovne 4 |
Chyba WebKit #64861 | #19984 |
| Safari | Implementujte <dialog>prvok HTML5 |
Chyba WebKit #84635 | #20175 |