Source

Stena chýb 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
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

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

Problém s okrajom #7165383 #18543
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 Odznak 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

Vydanie Chromium #595210 #17338
Chrome (macOS)

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

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

Problém Chromium #749848 #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

position: absoluteprvok, ktorý je širší ako jeho stĺpec, je nesprávne orezaný k hranici stĺpca

Problém Chromium č. 269061 #20161
Chrome (Windows a Linux)

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

Problém Chromium #449180 #15298
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