in English
Zidul de bug-uri ale browserului
Conținut învechit
Această pagină este învechită și nu mai este aplicabilă celor mai recente versiuni de Bootstrap. Este aici doar pentru scopuri istorice acum și va fi eliminat în următoarea noastră versiune majoră.
Bootstrap lucrează în prezent în jurul mai multor erori remarcabile ale browserului în browserele majore pentru a oferi cea mai bună experiență posibilă între browsere. Unele erori, precum cele enumerate mai jos, nu pot fi rezolvate de noi.
Enumerăm public erorile de browser care ne afectează aici, în speranța de a accelera procesul de remediere a acestora. Pentru informații despre compatibilitatea browser-ului Bootstrap, consultați documentele noastre despre compatibilitatea browserului .
Vezi si:
- Problema Chromium 536263: [meta] Probleme care afectează Bootstrap
- Eroare Mozilla 1230801: Remediați problemele care afectează Bootstrap
- Bug WebKit 159753: [meta] Probleme care afectează Bootstrap
- Soluții pentru erorile de browser jQuery
| Browser(e) | Rezumatul bug-ului | Probleme din amonte | Probleme de bootstrap |
|---|---|---|---|
| Margine | Artefacte vizuale în dialoguri modale care pot fi derulate | Problemă Edge #9011176 | #20755 |
| Margine | Sfat explicativ pentru browserul nativ pentru afișări titlela prima focalizare de la tastatură (în plus față de componenta de indicație personalizată) |
Problemă Edge #6793560 | #18692 |
| Margine | Elementul plasat cu mouse-ul rămâne încă în :hoverstare după ce a derulat. |
Problemă Edge #5381673 | #14211 |
| Margine | CSS border-radiusprovoacă uneori linii de scurgere ale background-colorelementului părinte. |
Problemă Edge #3342037 | #16671 |
| Margine | backgroundof <tr>este aplicat numai primei celule copil în loc de toate celulele din rând |
Problemă Edge #5865620 | #18504 |
| Margine | Culoarea de fundal din stratul inferior trece prin marginea transparentă în unele cazuri | Problemă Edge #6274505 | #18228 |
| Margine | Trecerea cu mouse-ul peste elementul SVG descendent declanșează mouseleaveevenimentul la strămoș |
Problemă Edge #7787318 | #19670 |
| Margine | Pâlpâie activ position: fixed; <button>la derulare |
Problemă Edge #8770398 | #20507 |
| Firefox | .table-borderedcu un gol <tbody>lipsesc granițele. |
Eroare Mozilla #1023761 | #13453 |
| Firefox | Dacă starea dezactivată a unui control de formular este modificată prin JavaScript, starea normală nu revine după reîmprospătarea paginii. | Eroare Mozilla #654072 | #793 |
| Firefox | focusevenimentele nu ar trebui să fie trase asupra documentobiectului |
Eroare Mozilla #1228802 | #18365 |
| Firefox | Masa lată flotantă nu se încadrează în noua linie | Eroare Mozilla #1277782 | #19839 |
| Firefox | Mouse-ul uneori nu este în interiorul elementului în scopul mouseenter/ mouseleavecând este în elementele SVG |
Eroare Mozilla #577785 | #19670 |
| Firefox | Aspectul cu coloane plutitoare se întrerupe la imprimare | Eroare Mozilla #1315994 | #21092 |
| Firefox (Windows) | Bordul din dreapta al <select>meniului lipsește uneori când ecranul este setat la o rezoluție neobișnuită |
Bug Mozilla #545685 | #15990 |
| Firefox (macOS și Linux) | Widgetul Insigna face ca marginea de jos a widgetului File să nu se suprapună în mod neașteptat | Eroare Mozilla #1259972 | #19626 |
| Chrome (macOS) | Făcând clic deasupra <input type="number">butonului de creștere, butonul de decrementare se aprinde intermitent. |
Chromium problema #419108 | #8350 , Chromium issue #337668 |
| Crom | Animația liniară infinită CSS cu transparență alfa pierde memorie. | Chromium problema #429375 | #14409 |
| Crom | table-cellfrontierele nu se suprapun în ciudamargin-right: -1px |
Problema Chrome #749848 | #17438 , #14237 |
| Crom | Nu deveni :hoverlipicios pe paginile web prietenoase cu atingerea |
Problema Chrome #370155 | #12832 |
| Crom | position: absoluteelementul care este mai lat decât coloana sa este tăiat incorect la limita coloanei |
Problema Chrome #269061 | #20161 |
| Crom | O performanță semnificativă pentru SVG-urile dinamice cu text în funcție de numărul de fonturi în font-family. |
Chromium problema #781344 | #24673 |
| Safari | remunitățile din interogările media ar trebui calculate folosind font-size: initial, nu elementul rădăcinăfont-size |
Eroare WebKit #156684 | #17403 |
| Safari | Conectarea la container cu id și tabindex are ca rezultat ignorarea containerului de VoiceOver (afectează linkurile de ignorare) | Eroare WebKit #163658 | #20732 |
| Safari | Caracteristicile CSS min-widthși max-widthmedia nu trebuie să rotunjească pixeli fracționali |
Eroare WebKit #178261 | #25166 |
| Safari (macOS) | px, em, și remar trebui să se comporte la fel în interogările media atunci când se aplică zoom-ul paginii |
Eroare WebKit #156687 | #17403 |
| Safari (macOS) | Comportament ciudat al butonului cu unele <input type="number">elemente. |
Bug WebKit #137269 , Apple Safari Radar #18834768 | #8350 , Normalize #283 , Chromium issue #337668 |
| Safari (macOS) | Dimensiune mică a fontului la imprimarea paginii web cu lățime fixă .container. |
Bug WebKit #138192 , Apple Safari Radar #19435018 | #14868 |
| Safari (iOS) | transform: translate3d(0,0,0);bug de redare. |
Bug WebKit #138162 , Apple Safari Radar #18804973 | #14603 |
| Safari (iOS) | Cursorul de introducere a textului nu se mișcă în timp ce derulați pagina. | Bug WebKit #138201 , Apple Safari Radar #18819624 | #14708 |
| Safari (iOS) | Nu se poate muta cursorul la începutul textului după ce ați introdus un șir lung de text<input type="text"> |
Bug WebKit #148061 , Apple Safari Radar #22299624 | #16988 |
| Safari (iOS) | display: blockface ca textul <input>s-urilor temporale să devină nealiniat vertical |
Bug WebKit #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
| Safari (iOS) | Atingerea <body>nu declanșează clickevenimente |
Eroare WebKit #151933 | #16028 |
| Safari (iOS) | position:fixedeste poziționat incorect atunci când bara de file este vizibilă pe iPhone 6S+ Safari |
Eroare WebKit #153056 | #18859 |
| Safari (iOS) | Atingerea unui element <input>dintr-un position:fixedelement derulează în partea de sus a paginii |
Bug WebKit #153224 , Apple Safari Radar #24235301 | #17497 |
| Safari (iOS) | <body>cu overflow:hiddenCSS poate fi derulat pe iOS |
Eroare WebKit #153852 | #14839 |
| Safari (iOS) | Gestul de defilare în câmpul de text în position:fixedelementul defilează uneori <body>în loc de strămoș care poate fi derulat |
Eroare WebKit #153856 | #14839 |
| Safari (iOS) | Modal cu -webkit-overflow-scrolling: touchnu devine derulabil după ce textul adăugat îl face mai înalt |
Eroare WebKit #158342 | #17695 |
| Safari (iOS) | Nu deveni :hoverlipicios pe paginile web prietenoase cu atingerea |
Eroare WebKit #158517 | #12832 |
| Safari (iOS) | Element care position:fixeddispare după deschiderea unui <select>meniu |
Eroare WebKit #162362 | #20759 |
| Safari (iPad Pro) | Redarea descendenților position: fixedelementului este tăiată pe iPad Pro în orientare peisaj |
Bug WebKit #152637 , Apple Safari Radar #24030853 | #18738 |
Cele mai dorite caracteristici
Există câteva caracteristici specificate în standardele Web care ne-ar permite să facem Bootstrap mai robust, mai elegant sau mai performant, dar nu sunt încă implementate în anumite browsere, împiedicându-ne astfel să profităm de ele.
Listăm public aceste solicitări de funcții „cele mai căutate” aici, în speranța de a accelera procesul de implementare a acestora.
| Browser(e) | Rezumatul caracteristicii | Probleme din amonte | Probleme de bootstrap |
|---|---|---|---|
| Margine | Elementele focalizabile ar trebui să declanșeze evenimentul de focalizare / să primească stilul de focalizare atunci când primesc focus Narator/accesibilitate | Microsoft A11y UserVoice idee #16717318 | #20732 |
| Margine | Implementați :dir()pseudo-clasa de la Selectori Nivelul 4 |
Idee Edge UserVoice #12299532 | #19984 |
| Margine | Implementați elementul HTML5<dialog> |
Idee Edge UserVoice #6508895 | #20175 |
| Margine | Declanșează un transitioncanceleveniment atunci când o tranziție CSS este anulată |
Idee Edge UserVoice #15939898 | #20618 |
| Margine | Implementați of <selector-list>clauza:nth-child() pseudo- clasei |
Idee Edge UserVoice #15944476 | #20143 |
| Firefox | Implementați of <selector-list>clauza:nth-child() pseudo- clasei |
Eroare Mozilla #854148 | #20143 |
| Firefox | Implementați elementul HTML5<dialog> |
Eroare Mozilla #840640 | #20175 |
| Firefox | Când focalizarea virtuală este asupra unui buton sau a unei legături, focalizați efectiv și asupra elementului | Eroare Mozilla #1000082 | #20732 |
| Crom | Declanșează un transitioncanceleveniment atunci când o tranziție CSS este anulată |
Problema Chrome #642487 | Problema Chrome #437860 |
| Crom | Implementați of <selector-list>clauza:nth-child() pseudo- clasei |
Problema Chrome #304163 | #20143 |
| Crom | Implementați :dir()pseudo-clasa de la Selectori Nivelul 4 |
Problema Chrome #576815 | #19984 |
| Safari | Declanșează un transitioncanceleveniment atunci când o tranziție CSS este anulată |
Eroare WebKit #161535 | #20618 |
| Safari | Implementați :dir()pseudo-clasa de la Selectori Nivelul 4 |
Eroare WebKit #64861 | #19984 |
| Safari | Implementați elementul HTML5<dialog> |
Eroare WebKit #84635 | #20175 |