Source

Zidul de bug-uri ale browserului

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:

Browser(e)	Rezumatul bug-ului	Eroare(e) 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 `title`la 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 `:hover`stare după ce a derulat.	Problemă Edge #5381673	#14211
Margine	CSS `border-radius`provoacă uneori linii de scurgere ale `background-color`elementului părinte.	Problemă Edge #3342037	#16671
Margine	`background`of `<tr>`este aplicat numai primei celule copil în loc de toate celulele din rând	Problemă Edge #5865620	#18504
Margine	`@-ms-viewport{width: device-width;}`are efect secundar de a ascunde automat barele de defilare	Problemă Edge #7165383	#18543
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ă `mouseleave`evenimentul la strămoș	Problemă Edge #7787318	#19670
Margine	Pâlpâie activ `position: fixed;` `<button>`la derulare	Problemă Edge #8770398	#20507
Firefox	`.table-bordered`cu 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	`focus`evenimentele nu ar trebui să fie trase asupra `document`obiectului	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`/ `mouseleave`câ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 (Android)	Atingerea unei `<input>`suprapuneri derulabile nu derulează `<input>`în vizualizare	Chromium problema #595210	#17338
Chrome (macOS)	Făcând clic deasupra `<input type="number">`butonului de creștere, butonul de decrementare se aprinde intermitent.	Chromium problema #419108	Ramă de la #8350 și Chromium problema #337668
Crom	Animația liniară infinită CSS cu transparență alfa pierde memorie.	Chromium problema #429375	#14409
Crom	`table-cell`frontierele nu se suprapun în ciuda`margin-right: -1px`	Problema Chrome #749848	#17438 , #14237
Crom	Făcând clic pe bara de derulare `<select multiple>`cu opțiuni depășite, se va selecta în apropiere`<option>`	Problema Chrome #597642	#19810
Crom	Nu deveni `:hover`lipicios pe paginile web prietenoase cu atingerea	Problema Chrome #370155	#12832
Crom	`position: absolute`elementul care este mai lat decât coloana sa este tăiat incorect la limita coloanei	Problema Chrome #269061	#20161
Chrome (Windows și Linux)	Eroare de animație la revenirea la fila inactivă după ce au apărut animații în timp ce fila era ascunsă.	Chromium problema #449180	#15298
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	`rem`unităț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-width`media nu trebuie să rotunjească pixeli fracționali	Eroare WebKit #178261	#25166
Safari (macOS)	`px`, `em`, și `rem`ar 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: block`face 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ă `click`evenimente	Eroare WebKit #151933	#16028
Safari (iOS)	`position:fixed`este 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:fixed`element derulează în partea de sus a paginii	Bug WebKit #153224 , Apple Safari Radar #24235301	#17497
Safari (iOS)	`<body>`cu `overflow:hidden`CSS poate fi derulat pe iOS	Eroare WebKit #153852	#14839
Safari (iOS)	Gestul de defilare în câmpul de text în `position:fixed`elementul defilează uneori `<body>`în loc de strămoș care poate fi derulat	Eroare WebKit #153856	#14839
Safari (iOS)	Modal cu `-webkit-overflow-scrolling: touch`nu devine derulabil după ce textul adăugat îl face mai înalt	Eroare WebKit #158342	#17695
Safari (iOS)	Nu deveni `:hover`lipicios pe paginile web prietenoase cu atingerea	Eroare WebKit #158517	#12832
Safari (iOS)	Element care `position:fixed`dispare după deschiderea unui `<select>`meniu	Eroare WebKit #162362	#20759
Safari (iPad Pro)	Redarea descendenților `position: fixed`elementului 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 `transitioncancel`eveniment 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 `transitioncancel`eveniment 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 `transitioncancel`eveniment 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