A böngészőhibák fala
Elavult tartalom
Ez az oldal elavult, és már nem alkalmazható a Bootstrap legújabb verzióira. Most pusztán történelmi okokból van itt, és a következő jelentős kiadásunkban eltávolítjuk.
A Bootstrap jelenleg számos kiemelkedő böngészőhibát küszöböl ki a főbb böngészőkben, hogy a lehető legjobb, több böngészős élményt nyújtsa. Egyes hibákat, például az alábbiakban felsoroltakat, nem tudjuk megoldani.
Nyilvánosan felsoroljuk itt a minket érintő böngészőhibákat, annak reményében, hogy felgyorsítjuk a javítási folyamatot. A Bootstrap böngészőkompatibilitásával kapcsolatos információkért tekintse meg böngészőkompatibilitási dokumentumainkat .
Lásd még:
- Chromium probléma 536263: [meta] A Bootstrapet érintő problémák
- Mozilla 1230801-es hiba: Javítsa ki a Bootstrapet érintő problémákat
- WebKit bug 159753: [meta] A Bootstrapet érintő problémák
- A jQuery böngészőhibáinak megoldásai
böngésző(k) | A hiba összefoglalása | Upstream probléma(k) | Bootstrap-problémák |
---|---|---|---|
Él | Vizuális műtermékek görgethető modális párbeszédablakban | Edge-szám: 9011176 | #20755 |
Él | Natív böngésző elemleírás az title első billentyűzetfókuszos műsorokhoz (az egyéni eszköztipp-komponensen kívül) |
Edge-szám: 6793560 | #18692 |
Él | A lebegtetett elem :hover a görgetés után is állapotában marad. |
Edge probléma #5381673 | #14211 |
Él | A CSS időnként a szülőelemen border-radius átvezető sorokat okoz .background-color |
Edge-szám: 3342037 | #16671 |
Él | background a <tr> csak az első gyermekcellára vonatkozik a sor összes cellája helyett |
Edge-szám: 5865620 | #18504 |
Él | Az alsó réteg háttérszíne bizonyos esetekben átlátszó szegélyen keresztül folyik | Edge-szám: 6274505 | #18228 |
Él | Ha a leszármazott SVG-elem fölé viszi az egérmutatót , az mouseleave esemény az ősnél aktiválódik |
Edge-szám: 7787318 | #19670 |
Él | Aktív position: fixed; <button> villogás görgetés közben |
Edge-szám: 8770398 | #20507 |
Firefox | .table-bordered egy üres <tbody> hiányzik a határok. |
Mozilla hiba #1023761 | #13453 |
Firefox | Ha egy űrlapvezérlő letiltott állapotát JavaScript segítségével módosítják, akkor az oldal frissítése után a normál állapot nem tér vissza. | Mozilla bug #654072 | #793 |
Firefox | focus eseményeket nem szabad az document objektumra lőni |
Mozilla hiba #1228802 | #18365 |
Firefox | A széles lebegtetett táblázat nem tekercsel az új sorba | Mozilla hiba #1277782 | #19839 |
Firefox | Az egér néha nem az elemen belül van, mouseenter ha mouseleave az SVG elemeken belül van |
Mozilla bug #577785 | #19670 |
Firefox | A lebegő oszlopokat tartalmazó elrendezés nyomtatáskor megszakad | Mozilla hiba #1315994 | #21092 |
Firefox (Windows) | A menü jobb széle <select> néha hiányzik, ha a képernyő szokatlan felbontásra van állítva |
Mozilla bug #545685 | #15990 |
Firefox (macOS és Linux) | A Jelvény modul hatására a Tabs widget alsó szegélye váratlanul nem fedi át egymást | Mozilla hiba #1259972 | #19626 |
Chrome (macOS) | A fenti <input type="number"> növelő gombra kattintva villog a csökkentés gomb. |
Chromium-szám: 419108 | #8350 , Chromium kiadás #337668 |
Króm | CSS végtelen lineáris animáció alfa-átlátszósággal kiszivárogtatja a memóriát. | Chromium-szám: 429375 | #14409 |
Króm | table-cell a határok ennek ellenére nem fedik egymástmargin-right: -1px |
Chromium-szám: 749848 | #17438 , #14237 |
Króm | Ne :hover ragadjon meg az érintésbarát weboldalakon |
Chromium-szám: 370155 | #12832 |
Króm | position: absolute az oszlopánál szélesebb elem helytelenül lett az oszlophatárhoz vágva |
Chromium-szám: 269061 | #20161 |
Króm | Jelentős teljesítményhiány a szöveget tartalmazó dinamikus SVG-k esetében a betűtípusok számától függően font-family . |
Chromium-szám: 781344 | #24673 |
Szafari | rem A médialekérdezések egységeit a segítségével kell kiszámítani font-size: initial , nem a gyökérelemévelfont-size |
WebKit hiba #156684 | #17403 |
Szafari | Az azonosítóval és tabindexszel rendelkező tárolóra való hivatkozás azt eredményezi, hogy a VoiceOver figyelmen kívül hagyja a tárolót (az átugrott hivatkozásokat érinti) | WebKit hiba #163658 | #20732 |
Szafari | A CSS min-width és max-width a médiafunkciók nem kerekíthetik a töredékes pixeleket |
WebKit hiba #178261 | #25166 |
Safari (macOS) | px , em , és rem mindegyiknek ugyanúgy kell viselkednie a médialekérdezésekben az oldalnagyítás alkalmazásakor |
WebKit hiba #156687 | #17403 |
Safari (macOS) | Furcsa gomb viselkedés egyes <input type="number"> elemekkel. |
WebKit hiba #137269 , Apple Safari Radar #18834768 | #8350 , Normalizálás #283 , Chromium kiadás #337668 |
Safari (macOS) | Kis betűméret, ha rögzített szélességű weboldalt nyomtat .container . |
WebKit hiba #138192 , Apple Safari Radar #19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); renderelési hiba. |
WebKit hiba #138162 , Apple Safari Radar #18804973 | #14603 |
Safari (iOS) | A szövegbeviteli kurzor nem mozog az oldal görgetése közben. | WebKit hiba #138201 , Apple Safari Radar #18819624 | #14708 |
Safari (iOS) | Nem lehet a kurzort a szöveg elejére mozgatni, miután hosszú szöveget írt be<input type="text"> |
WebKit hiba #148061 , Apple Safari Radar #22299624 | #16988 |
Safari (iOS) | display: block <input> az időbeli s szövegének függőleges eltolódását okozza |
WebKit hiba #139848 , Apple Safari Radar #19434878 | # 11266 , #13098 |
Safari (iOS) | A gomb megérintése <body> nem aktiválja az click eseményeket |
WebKit hiba #151933 | #16028 |
Safari (iOS) | position:fixed helytelenül van elhelyezve, amikor a fülsáv látható az iPhone 6S+ Safari készüléken |
WebKit hiba #153056 | #18859 |
Safari (iOS) | <input> Egy elemen belüli elem megérintése position:fixed az oldal tetejére görget |
WebKit hiba #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> a overflow:hidden CSS-szel görgethető iOS rendszeren |
WebKit hiba #153852 | #14839 |
Safari (iOS) | Az elem szövegmezőjében lévő görgetési gesztus position:fixed néha <body> görgethető előd helyett görget |
WebKit hiba #153856 | #14839 |
Safari (iOS) | A Modal with -webkit-overflow-scrolling: touch nem lesz görgethető, miután a hozzáadott szöveg magasabbra teszi |
WebKit hiba #158342 | #17695 |
Safari (iOS) | Ne :hover ragadjon meg az érintésbarát weboldalakon |
WebKit hiba #158517 | #12832 |
Safari (iOS) | A megjelenő elem a menü position:fixed megnyitása után eltűnik<select> |
WebKit hiba #162362 | #20759 |
Safari (iPad Pro) | Az elem leszármazottainak renderelése az position: fixed iPad Pro készüléken fekvő tájolásban levágásra kerül |
WebKit hiba #152637 , Apple Safari Radar #24030853 | #18738 |
A legkeresettebb funkciók
A webes szabványok számos olyan funkciót tartalmaznak, amelyek lehetővé teszik számunkra, hogy a Bootstrapet robusztusabbá, elegánsabbá vagy teljesítményesebbé tegyük, de bizonyos böngészőkben még nincsenek implementálva, így megakadályozva, hogy kihasználjuk őket.
Nyilvánosan felsoroljuk itt ezeket a „legkeresettebb” funkciókra vonatkozó kéréseket, annak reményében, hogy felgyorsítjuk a megvalósításuk folyamatát.
böngésző(k) | A szolgáltatás összefoglalása | Upstream probléma(k) | Bootstrap-problémák |
---|---|---|---|
Él | A fókuszálható elemeknek aktiválniuk kell a fókusz eseményt / fogadniuk kell a :fókusz stílust, amikor Narrátor/kisegítő lehetőségek fókuszt kapnak | Microsoft A11y UserVoice ötlet #16717318 | #20732 |
Él | Valósítsa meg a :dir() pszeudoosztályt a Selectors 4. szintjéről |
Edge UserVoice ötlet #12299532 | #19984 |
Él | Valósítsa meg a HTML5 <dialog> elemet |
Edge UserVoice ötlet #6508895 | #20175 |
Él | Esemény transitioncancel aktiválása , ha egy CSS-átmenet megszakad |
Edge UserVoice ötlet #15939898 | #20618 |
Él | Valósítsa meg a pszeudoosztály of <selector-list> záradékát:nth-child() |
Edge UserVoice ötlet #15944476 | #20143 |
Firefox | Valósítsa meg a pszeudoosztály of <selector-list> záradékát:nth-child() |
Mozilla hiba #854148 | #20143 |
Firefox | Valósítsa meg a HTML5 <dialog> elemet |
Mozilla hiba #840640 | #20175 |
Firefox | Ha a virtuális fókusz egy gombon vagy linken van, akkor az elemre is aktiválja a tényleges fókuszt | Mozilla hiba #1000082 | #20732 |
Króm | Esemény transitioncancel aktiválása , ha egy CSS-átmenet megszakad |
Chromium-szám: 642487 | Chromium-szám: 437860 |
Króm | Valósítsa meg a pszeudoosztály of <selector-list> záradékát:nth-child() |
Chromium-szám: 304163 | #20143 |
Króm | Valósítsa meg a :dir() pszeudoosztályt a Selectors 4. szintjéről |
Chromium-szám: 576815 | #19984 |
Szafari | Esemény transitioncancel aktiválása , ha egy CSS-átmenet megszakad |
WebKit hiba #161535 | #20618 |
Szafari | Valósítsa meg a :dir() pszeudoosztályt a Selectors 4. szintjéről |
WebKit hiba #64861 | #19984 |
Szafari | Valósítsa meg a HTML5 <dialog> elemet |
WebKit hiba #84635 | #20175 |