Mur d'errors del navegador
Contingut obsolet
Aquesta pàgina està obsoleta i ja no és aplicable a les últimes versions de Bootstrap. Ara està aquí només amb finalitats històriques i s'eliminarà en el nostre proper llançament important.
Bootstrap treballa actualment amb diversos errors destacats del navegador als principals navegadors per oferir la millor experiència possible entre navegadors. Alguns errors, com els que s'enumeren a continuació, no els podem resoldre.
Enumerem públicament els errors del navegador que ens estan afectant aquí, amb l'esperança d'agilitzar el procés per solucionar-los. Per obtenir informació sobre la compatibilitat del navegador Bootstrap, consulteu els nostres documents de compatibilitat del navegador .
Vegeu també:
- Problema de Chromium 536263: [meta] Problemes que afecten Bootstrap
- Error de Mozilla 1230801: solucioneu els problemes que afecten Bootstrap
- Error de WebKit 159753: [meta] Problemes que afecten Bootstrap
- Solucions alternatives als errors del navegador de jQuery
Navegador(s) | Resum de l'error | Problemes aigües amunt | Problemes d'arrencada |
---|---|---|---|
Edge | Artefactes visuals en diàlegs modals desplaçables | Edició Edge #9011176 | #20755 |
Edge | Informació sobre eines del navegador natiu per a les title mostres del primer focus del teclat (a més del component d'informació eines personalitzada) |
Edició Edge #6793560 | #18692 |
Edge | L'element plaçat encara es manté en :hover estat després de desplaçar-se. |
Edició Edge #5381673 | #14211 |
Edge | CSS border-radius de vegades provoca línies de sagnat de background-color l'element principal. |
Edició Edge #3342037 | #16671 |
Edge | background de <tr> només s'aplica a la primera cel·la secundària en lloc de totes les cel·les de la fila |
Edició Edge #5865620 | #18504 |
Edge | El color de fons de la capa inferior sagna a través de la vora transparent en alguns casos | Edició Edge #6274505 | #18228 |
Edge | Passar el cursor per sobre de l'element SVG descendent activa l' mouseleave esdeveniment a l'avantpassat |
Edició Edge #7787318 | #19670 |
Edge | Parpelleja activa position: fixed; <button> quan es desplaça |
Problema Edge #8770398 | #20507 |
Firefox | .table-bordered amb un buit <tbody> falten vores. |
Error de Mozilla #1023761 | #13453 |
Firefox | Si l'estat desactivat d'un control de formulari es canvia mitjançant JavaScript, l'estat normal no tornarà després d'actualitzar la pàgina. | Error de Mozilla #654072 | #793 |
Firefox | focus els esdeveniments no s'han de disparar a l' document objecte |
Error de Mozilla #1228802 | #18365 |
Firefox | La taula flotada ampla no s'ajusta a la línia nova | Error de Mozilla #1277782 | #19839 |
Firefox | De vegades, el ratolí no està dins d'elements per a efectes de mouseenter / mouseleave quan es troba dins d'elements SVG |
Error de Mozilla #577785 | #19670 |
Firefox | El disseny amb columnes flotants es trenca en imprimir | Error de Mozilla #1315994 | #21092 |
Firefox (Windows) | De vegades falta la vora dreta del <select> menú quan la pantalla està configurada amb una resolució poc comuna |
Error de Mozilla #545685 | #15990 |
Firefox (macOS i Linux) | El giny de la insígnia fa que la vora inferior del giny de les pestanyes no se superposi de manera inesperada | Error de Mozilla #1259972 | #19626 |
Chrome (macOS) | Si feu clic a sobre del botó d' <input type="number"> increment, el botó de disminució parpelleja. |
Número de Chromium #419108 | #8350 , número de Chromium #337668 |
Chrome | L'animació lineal infinita CSS amb transparència alfa filtra memòria. | Número de Chromium #429375 | #14409 |
Chrome | table-cell les fronteres no es superposen malgratmargin-right: -1px |
Problema de Chromium #749848 | #17438 , #14237 |
Chrome | No et facis :hover enganxós a les pàgines web tàctils |
Problema de Chromium #370155 | #12832 |
Chrome | position: absolute L'element que és més ample que la seva columna està retallat incorrectament al límit de la columna |
Problema de Chromium #269061 | #20161 |
Chrome | Un èxit de rendiment significatiu per als SVG dinàmics amb text en funció del nombre de tipus de lletra en font-family . |
Problema de Chromium #781344 | #24673 |
Safari | rem Les unitats de les consultes de mitjans s'han de calcular utilitzant font-size: initial , no l'element arrelfont-size |
Error de WebKit #156684 | #17403 |
Safari | L'enllaç al contenidor amb identificador i tabulador fa que VoiceOver ignori el contenidor (afecta els enllaços per saltar) | Error de WebKit #163658 | #20732 |
Safari | Les funcions CSS min-width i max-width multimèdia no han d'arrodonir píxel fraccionari |
Error de WebKit #178261 | #25166 |
Safari (macOS) | px , em i rem s'han de comportar de la mateixa manera a les consultes multimèdia quan s'aplica el zoom de la pàgina |
Error de WebKit #156687 | #17403 |
Safari (macOS) | Comportament estrany del botó amb alguns <input type="number"> elements. |
Error de WebKit #137269 , Apple Safari Radar #18834768 | #8350 , Normalitzar #283 , problema de Chromium #337668 |
Safari (macOS) | Mida de lletra petita quan s'imprimeix una pàgina web amb una amplada fixa .container . |
Error de WebKit #138192 , Apple Safari Radar #19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); error de representació. |
Error de WebKit #138162 , Apple Safari Radar #18804973 | #14603 |
Safari (iOS) | El cursor de l'entrada de text no es mou mentre es desplaça per la pàgina. | Error de WebKit #138201 , Apple Safari Radar #18819624 | #14708 |
Safari (iOS) | No es pot moure el cursor a l'inici del text després d'introduir una llarga cadena de text<input type="text"> |
Error de WebKit #148061 , Apple Safari Radar #22299624 | #16988 |
Safari (iOS) | display: block fa que el text de s temporals <input> estigui desalineat verticalment |
Error de WebKit #139848 , Apple Safari Radar #19434878 | #11266 , #13098 |
Safari (iOS) | Tocar <body> no activa els click esdeveniments |
Error de WebKit #151933 | #16028 |
Safari (iOS) | position:fixed està mal posicionat quan la barra de pestanyes és visible a l'iPhone 6S+ Safari |
Error de WebKit #153056 | #18859 |
Safari (iOS) | En tocar un element <input> dins d'un position:fixed element, es desplaça cap a la part superior de la pàgina |
Error de WebKit #153224 , Apple Safari Radar #24235301 | #17497 |
Safari (iOS) | <body> amb overflow:hidden CSS es pot desplaçar a iOS |
Error de WebKit #153852 | #14839 |
Safari (iOS) | El gest de desplaçament al camp de text de l' position:fixed element de vegades es desplaça <body> en lloc de l'ancestre desplaçable |
Error de WebKit #153856 | #14839 |
Safari (iOS) | El modal amb -webkit-overflow-scrolling: touch no es pot desplaçar després que el text afegit ho faci més alt |
Error de WebKit #158342 | #17695 |
Safari (iOS) | No et facis :hover enganxós a les pàgines web tàctils |
Error de WebKit #158517 | #12832 |
Safari (iOS) | Element que position:fixed desapareix després d'obrir un <select> menú |
Error de WebKit #162362 | #20759 |
Safari (iPad Pro) | La representació dels descendents de position: fixed l'element es retalla a l'iPad Pro en orientació horitzontal |
Error de WebKit #152637 , Apple Safari Radar #24030853 | #18738 |
Les funcions més buscades
Hi ha diverses característiques especificades als estàndards web que ens permetrien fer Bootstrap més robust, elegant o eficient, però encara no s'han implementat en determinats navegadors, la qual cosa ens impedeix aprofitar-les.
Enumerem públicament aquestes sol·licituds de funcions "més buscades" aquí, amb l'esperança d'agilitzar el procés per implementar-les.
Navegador(s) | Resum de la característica | Problemes aigües amunt | Problemes d'arrencada |
---|---|---|---|
Edge | Els elements enfocables haurien de disparar l'esdeveniment d'enfocament / rebre: l'estil de focus quan reben l'enfocament de Narrador/accessibilitat | Microsoft A11y UserVoice idea #16717318 | #20732 |
Edge | Implementeu la :dir() pseudo-classe de Selectors Nivell 4 |
Idea Edge UserVoice #12299532 | #19984 |
Edge | Implementeu l' element HTML5<dialog> |
Idea Edge UserVoice #6508895 | #20175 |
Edge | Activa un transitioncancel esdeveniment quan es cancel·la una transició CSS |
Idea Edge UserVoice #15939898 | #20618 |
Edge | Implementar la of <selector-list> clàusula de la :nth-child() pseudo-classe |
Idea Edge UserVoice #15944476 | #20143 |
Firefox | Implementar la of <selector-list> clàusula de la :nth-child() pseudo-classe |
Error de Mozilla #854148 | #20143 |
Firefox | Implementeu l' element HTML5<dialog> |
Error de Mozilla #840640 | #20175 |
Firefox | Quan l'enfocament virtual està en un botó o enllaç, també feu el focus real a l'element | Error de Mozilla #1000082 | #20732 |
Chrome | Activa un transitioncancel esdeveniment quan es cancel·la una transició CSS |
Número de Chromium #642487 | Problema de Chromium #437860 |
Chrome | Implementar la of <selector-list> clàusula de la :nth-child() pseudo-classe |
Problema de Chromium #304163 | #20143 |
Chrome | Implementeu la :dir() pseudo-classe de Selectors Nivell 4 |
Número de Chromium #576815 | #19984 |
Safari | Activa un transitioncancel esdeveniment quan es cancel·la una transició CSS |
Error de WebKit #161535 | #20618 |
Safari | Implementeu la :dir() pseudo-classe de Selectors Nivell 4 |
Error de WebKit #64861 | #19984 |
Safari | Implementeu l' element HTML5<dialog> |
Error de WebKit #84635 | #20175 |