Chyby prehliadača

Bootstrap v súčasnosti rieši niekoľko vynikajúcich chýb prehliadača v hlavných prehliadačoch, aby poskytoval najlepší možný zážitok z rôznych 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ž:

Prehliadače Zhrnutie chyby Upstream chyba(y) Problémy s bootstrapom
Microsoft Edge

Vizuálne artefakty v rolovacích modálnych dialógoch

Problém na okraji #9011176 #20755
Microsoft Edge

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
Microsoft Edge

Vznášaný prvok zostáva aj :hoverpo posunutí preč v stave.

Problém s okrajom #5381673 #14211
Microsoft Edge

Keď umiestnite <select>kurzor myši na položku ponuky, zobrazí sa kurzor pre prvok pod ponukou.

Problém s okrajom #817822 #14528
Microsoft Edge

CSS border-radiusniekedy spôsobuje presvitanie čiar background-colornadradeného prvku.

Problém na okraji #3342037 #16671
Microsoft Edge

backgroundz <tr>sa použije iba na prvú podriadenú bunku namiesto všetkých buniek v riadku

Problém s okrajom #5865620 #18504
Microsoft Edge

@-ms-viewport{width: device-width;}má vedľajší účinok automatického skrývania posúvačov

Problém s okrajom #7165383 #18543
Microsoft Edge

Farba pozadia zo spodnej vrstvy v niektorých prípadoch presakuje cez priehľadný okraj

Problém s okrajom #6274505 #18228
Microsoft Edge

Umiestnením kurzora myši na potomok prvku SVG sa spustí mouseleaveudalosť pri predkovi

Problém s okrajom #7787318 #19670
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

position: absoluteprvok, ktorý je širší ako jeho stĺpec, sa vykresľuje inak ako iné prehliadače

Chyba Mozilly #1282363 #20161
Firefox (Windows)

Pravý okraj <select>ponuky niekedy chýba, keď je obrazovka nastavená na neobvyklé rozlíšenie

Chyba Mozilly #545685 #15990
Firefox (OS X a Linux)

Miniaplikácia odznaku spôsobí, že spodný okraj miniaplikácie Karty sa neočakávane neprekrýva

Chyba Mozilly #1259972 #19626
Chrome (Android)

Klepnutím na <input>rolovateľné prekrytie sa neposunie <input>do zobrazenia

Číslo Chromium #595210 #17338
Chrome (OS X)

Po kliknutí <input type="number">na tlačidlo zvýšenia sa rozbliká tlačidlo zníženia.

Číslo Chromium #419108 Odnož číslo 8350 a číslo Chromium číslo 337668
Chrome

Nekonečná lineárna animácia CSS s priehľadnosťou alfa prepúšťa pamäť.

Problém Chromium #429375 #14409
Chrome

:focus outlinespôsobí, že sa kurzor pri prepnutí a readonly <input>na čítanie a zápis nezobrazí.

Problém Chromium #465274 #16022
Chrome

table-cellnapriek tomu sa hranice neprekrývajúmargin-right: -1px

Problém Chromium #534750 #17438 , #14237
Chrome

Kliknutím na posúvač <select multiple>s preplnenými možnosťami vyberiete okolie<option>

Problém Chromium #597642 #19810
Chrome

Nerobte :hoverlepkavé na dotykových webových stránkach

Problém Chromium #370155 #12832
Chrome (Windows a Linux)

Chyba animácie pri návrate na neaktívnu kartu po animáciách, keď bola karta skrytá.

Číslo Chromium #449180 #15298
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 (OS X)

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 (OS X)

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 (OS X)

Malá veľkosť písma pri tlači webovej stránky s pevnou šírkou .container.

Chyba WebKit #138192 , Apple Safari Radar #19435018 #14868
Safari (iPad)

<select>menu na iPade spôsobí posun oblastí testovania zásahov

Chyba WebKit #150079 , Apple Safari Radar #23082521 #14975
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)

Poklepávanie z jedného <input>na druhého v prekrytí môže spôsobiť chvenie/chvenie

Chyba WebKit #158276 #19927
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 (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 určitý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 Upstream problémy Problémy s bootstrapom
Microsoft Edge

Implementujte :dir()pseudotriedu zo selektorov úrovne 4

Nápad Edge UserVoice #12299532 #19984
Microsoft Edge

Implementujte pevné umiestňovanie z CSS Positioned Layout Level 3

Nápad Edge UserVoice #6263621 #17021
Microsoft Edge

Implementujte <dialog>prvok HTML5

Nápad Edge UserVoice #6508895 #20175
Firefox

Spustite transitioncanceludalosť , keď je prechod CSS zrušený

Chyba Mozilly #1264125 Chyba Mozilly #1182856
Firefox

Implementujte of <selector-list>klauzulu:nth-child() pseudotriedy _

Chyba Mozilly #854148 #20143
Firefox

Implementujte <dialog>prvok HTML5

Chyba Mozilly #840640 #20175
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
Chrome

Implementujte pevné umiestňovanie z CSS Positioned Layout Level 3

Problém Chromium #231752 #17021
Safari

Implementujte :dir()pseudotriedu zo selektorov úrovne 4

Chyba WebKit #64861 #19984
Safari

Implementujte <dialog>prvok HTML5

Chyba WebKit #84635 #20175