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 titleelső billentyűzetfókuszos műsorokhoz (az egyéni eszköztipp-komponensen kívül) |
Edge-szám: 6793560 | #18692 |
| Él | A lebegtetett elem :hovera 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 | backgrounda <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 mouseleaveesemé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-borderedegy ü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 | focuseseményeket nem szabad az documentobjektumra 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, mouseenterha mouseleaveaz 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-cella határok ennek ellenére nem fedik egymástmargin-right: -1px |
Chromium-szám: 749848 | #17438 , #14237 |
| Króm | Ne :hoverragadjon meg az érintésbarát weboldalakon |
Chromium-szám: 370155 | #12832 |
| Króm | position: absoluteaz 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 | remA 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-widtha médiafunkciók nem kerekíthetik a töredékes pixeleket |
WebKit hiba #178261 | #25166 |
| Safari (macOS) | px, em, és remmindegyiknek 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 clickeseményeket |
WebKit hiba #151933 | #16028 |
| Safari (iOS) | position:fixedhelytelenü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:fixedaz oldal tetejére görget |
WebKit hiba #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (iOS) | <body>a overflow:hiddenCSS-szel görgethető iOS rendszeren |
WebKit hiba #153852 | #14839 |
| Safari (iOS) | Az elem szövegmezőjében lévő görgetési gesztus position:fixednéha <body>görgethető előd helyett görget |
WebKit hiba #153856 | #14839 |
| Safari (iOS) | A Modal with -webkit-overflow-scrolling: touchnem lesz görgethető, miután a hozzáadott szöveg magasabbra teszi |
WebKit hiba #158342 | #17695 |
| Safari (iOS) | Ne :hoverragadjon meg az érintésbarát weboldalakon |
WebKit hiba #158517 | #12832 |
| Safari (iOS) | A megjelenő elem a menü position:fixedmegnyitása után eltűnik<select> |
WebKit hiba #162362 | #20759 |
| Safari (iPad Pro) | Az elem leszármazottainak renderelése az position: fixediPad 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 transitioncancelaktivá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 transitioncancelaktivá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 transitioncancelaktivá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 |