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 titlemostres 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 :hoverestat després de desplaçar-se. |
Edició Edge #5381673 | #14211 |
| Edge | CSS border-radiusde vegades provoca línies de sagnat de background-colorl'element principal. |
Edició Edge #3342037 | #16671 |
| Edge | backgroundde <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' mouseleaveesdeveniment a l'avantpassat |
Edició Edge #7787318 | #19670 |
| Edge | Parpelleja activa position: fixed; <button>quan es desplaça |
Problema Edge #8770398 | #20507 |
| Firefox | .table-borderedamb 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 | focusels esdeveniments no s'han de disparar a l' documentobjecte |
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/ mouseleavequan 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-cellles fronteres no es superposen malgratmargin-right: -1px |
Problema de Chromium #749848 | #17438 , #14237 |
| Chrome | No et facis :hoverenganxós a les pàgines web tàctils |
Problema de Chromium #370155 | #12832 |
| Chrome | position: absoluteL'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 | remLes 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-widthi max-widthmultimèdia no han d'arrodonir píxel fraccionari |
Error de WebKit #178261 | #25166 |
| Safari (macOS) | px, emi rems'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: blockfa 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 clickesdeveniments |
Error de WebKit #151933 | #16028 |
| Safari (iOS) | position:fixedestà 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:fixedelement, 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:hiddenCSS 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:fixedelement 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: touchno 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 :hoverenganxós a les pàgines web tàctils |
Error de WebKit #158517 | #12832 |
| Safari (iOS) | Element que position:fixeddesapareix després d'obrir un <select>menú |
Error de WebKit #162362 | #20759 |
| Safari (iPad Pro) | La representació dels descendents de position: fixedl'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 transitioncancelesdeveniment 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 transitioncancelesdeveniment 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 transitioncancelesdeveniment 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 |