Muro de errores del navegador
Contenido desactualizado
Esta página está desactualizada y ya no es aplicable a las últimas versiones de Bootstrap. Está aquí puramente con fines históricos ahora y se eliminará en nuestro próximo lanzamiento importante.
Bootstrap actualmente soluciona varios errores de navegador destacados en los principales navegadores para ofrecer la mejor experiencia posible entre navegadores. Algunos errores, como los que se enumeran a continuación, no podemos resolverlos.
Enumeramos públicamente los errores del navegador que nos están afectando aquí, con la esperanza de acelerar el proceso de corrección. Para obtener información sobre la compatibilidad del navegador de Bootstrap, consulte nuestros documentos de compatibilidad del navegador .
Ver también:
- Problema de Chromium 536263: [meta] Problemas que afectan a Bootstrap
- Error de Mozilla 1230801: corrige los problemas que afectan a Bootstrap
- Error de WebKit 159753: [meta] Problemas que afectan a Bootstrap
- Soluciones de errores del navegador de jQuery
navegador(es) | Resumen del error | Problema(s) ascendente(s) | Problema(s) de Bootstrap |
---|---|---|---|
Borde | Artefactos visuales en diálogos modales desplazables | Problema de borde #9011176 | #20755 |
Borde | Información sobre herramientas nativa del navegador para title programas en el primer enfoque del teclado (además del componente de información sobre herramientas personalizado) |
Problema de borde #6793560 | #18692 |
Borde | El elemento sobre el que se mantiene el cursor aún permanece en :hover el estado después de desplazarse. |
Problema de borde n.º 5381673 | #14211 |
Borde | CSS border-radius a veces provoca líneas de traspaso del background-color elemento principal. |
Problema de Edge n.º 3342037 | #16671 |
Borde | background de <tr> solo se aplica a la primera celda secundaria en lugar de a todas las celdas de la fila |
Problema de borde #5865620 | #18504 |
Borde | El color de fondo de la capa inferior se desvanece a través del borde transparente en algunos casos | Problema de borde #6274505 | #18228 |
Borde | Al pasar el cursor sobre el elemento SVG descendiente, se activa el mouseleave evento en el antepasado |
Problema de borde #7787318 | #19670 |
Borde | Parpadeos activos position: fixed; <button> al desplazarse |
Problema de borde #8770398 | #20507 |
Firefox | .table-bordered con un vacío <tbody> faltan bordes. |
Error de Mozilla #1023761 | #13453 |
Firefox | Si el estado deshabilitado de un control de formulario se cambia a través de JavaScript, el estado normal no vuelve después de actualizar la página. | Error de Mozilla #654072 | #793 |
Firefox | focus los eventos no deben dispararse al document objeto |
Error de Mozilla #1228802 | #18365 |
Firefox | La tabla flotante ancha no se ajusta a la nueva línea | Error de Mozilla #1277782 | #19839 |
Firefox | El mouse a veces no está dentro del elemento para fines de mouseenter / mouseleave cuando está dentro de elementos SVG |
Error de Mozilla #577785 | #19670 |
Firefox | El diseño con columnas flotantes se rompe al imprimir | Error de Mozilla #1315994 | #21092 |
Firefox (Windows) | A veces falta el borde derecho del <select> menú cuando la pantalla está configurada en una resolución poco común |
Error de Mozilla #545685 | #15990 |
Firefox (mac OS y Linux) | El widget de insignia hace que el borde inferior del widget de pestañas no se superponga inesperadamente | Error de Mozilla #1259972 | #19626 |
cromo (macOS) | Al hacer clic sobre el botón de <input type="number"> incremento, parpadea el botón de disminución. |
Problema de cromo n.° 419108 | #8350 , Problema de cromo #337668 |
Cromo | Animación lineal infinita CSS con memoria de fugas de transparencia alfa. | Problema de cromo n.º 429375 | #14409 |
Cromo | table-cell los bordes no se superponen a pesar demargin-right: -1px |
Edición de cromo n.º 749848 | #17438 , #14237 |
Cromo | No haga :hover pegajosos en páginas web táctiles |
Problema de cromo n.° 370155 | #12832 |
Cromo | position: absolute el elemento que es más ancho que su columna se recorta incorrectamente al límite de la columna |
Problema de cromo n.º 269061 | #20161 |
Cromo | Impacto significativo en el rendimiento de los SVG dinámicos con texto según la cantidad de fuentes en font-family . |
Problema de cromo #781344 | #24673 |
Safari | rem las unidades en las consultas de medios deben calcularse usando font-size: initial , no el elemento raízfont-size |
Error de WebKit n.º 156684 | #17403 |
Safari | El enlace al contenedor con id y tabindex da como resultado que VoiceOver ignore el contenedor (afecta a los enlaces de omisión) | Error de WebKit n.º 163658 | #20732 |
Safari | Las funciones CSS min-width y max-width multimedia no deben redondear píxeles fraccionarios |
Error de WebKit n.º 178261 | #25166 |
Safari (mac OS) | px , em y rem deberían comportarse de la misma manera en las consultas de medios cuando se aplica el zoom de página |
Error de WebKit n.º 156687 | #17403 |
Safari (mac OS) | Comportamiento extraño del botón con algunos <input type="number"> elementos. |
Error de WebKit n.º 137269 , Apple Safari Radar n.º 18834768 | #8350 , Normalizar #283 , Problema de Chromium #337668 |
Safari (mac OS) | Tamaño de fuente pequeño al imprimir una página web con ancho fijo .container . |
Error de WebKit n.º 138192 , Radar de Safari de Apple n.º 19435018 | #14868 |
Safari (iOS) | transform: translate3d(0,0,0); error de renderizado. |
Error de WebKit n.° 138162 , Apple Safari Radar n.° 18804973 | #14603 |
Safari (iOS) | El cursor de entrada de texto no se mueve mientras se desplaza por la página. | Error de WebKit n.° 138201 , Apple Safari Radar n.° 18819624 | #14708 |
Safari (iOS) | No se puede mover el cursor al inicio del texto después de ingresar una cadena larga de texto en<input type="text"> |
Error de WebKit n.° 148061 , Apple Safari Radar n.° 22299624 | #16988 |
Safari (iOS) | display: block hace que el texto de las s temporales <input> se desalinee verticalmente |
Error de WebKit n.° 139848 , Apple Safari Radar n.° 19434878 | #11266 , #13098 |
Safari (iOS) | Tocar <body> no activa click eventos |
Error de WebKit n.º 151933 | #16028 |
Safari (iOS) | position:fixed está colocado incorrectamente cuando la barra de pestañas está visible en iPhone 6S+ Safari |
Error de WebKit n.º 153056 | #18859 |
Safari (iOS) | Al tocar <input> dentro de un position:fixed elemento, se desplaza a la parte superior de la página. |
Error de WebKit n.° 153224 , Apple Safari Radar n.° 24235301 | #17497 |
Safari (iOS) | <body> con overflow:hidden CSS es desplazable en iOS |
Error de WebKit n.º 153852 | #14839 |
Safari (iOS) | El gesto de desplazamiento en el campo de texto del position:fixed elemento a veces se desplaza <body> en lugar del ancestro desplazable |
Error de WebKit n.º 153856 | #14839 |
Safari (iOS) | Modal con -webkit-overflow-scrolling: touch no se puede desplazar después de que el texto agregado lo hace más alto |
Error de WebKit n.º 158342 | #17695 |
Safari (iOS) | No haga :hover pegajosos en páginas web táctiles |
Error de WebKit n.º 158517 | #12832 |
Safari (iOS) | Elemento que position:fixed desaparece al abrir un <select> menú |
Error de WebKit n.º 162362 | #20759 |
Safari (iPad Pro) | La representación de los descendientes del position: fixed elemento se recorta en iPad Pro en orientación horizontal |
Error de WebKit n.º 152637 , Apple Safari Radar n.º 24030853 | #18738 |
Características más buscadas
Hay varias características especificadas en los estándares web que nos permitirían hacer que Bootstrap sea más robusto, elegante o de alto rendimiento, pero aún no están implementadas en ciertos navegadores, lo que nos impide aprovecharlas.
Enumeramos públicamente estas solicitudes de funciones "más buscadas" aquí, con la esperanza de acelerar el proceso de implementación.
navegador(es) | Resumen de la característica | Problema(s) ascendente(s) | Problema(s) de Bootstrap |
---|---|---|---|
Borde | Los elementos enfocables deben activar el evento de enfoque/recibir: estilo de enfoque cuando reciben el enfoque de Narrador/accesibilidad | Microsoft A11y UserVoice idea #16717318 | #20732 |
Borde | Implementar la :dir() pseudo-clase de Selectores Nivel 4 |
Idea de Edge UserVoice n.º 12299532 | #19984 |
Borde | Implementar el elemento HTML5<dialog> |
Idea de Edge UserVoice #6508895 | #20175 |
Borde | Dispara un transitioncancel evento cuando se cancela una transición de CSS |
Idea de Edge UserVoice #15939898 | #20618 |
Borde | Implementar la of <selector-list> cláusula de la :nth-child() pseudo-clase. |
Idea de Edge UserVoice n.º 15944476 | #20143 |
Firefox | Implementar la of <selector-list> cláusula de la :nth-child() pseudo-clase. |
Error de Mozilla #854148 | #20143 |
Firefox | Implementar el elemento HTML5<dialog> |
Error de Mozilla #840640 | #20175 |
Firefox | Cuando el foco virtual está en un botón o enlace, dispare también el foco real en el elemento | Error de Mozilla #1000082 | #20732 |
Cromo | Dispara un transitioncancel evento cuando se cancela una transición de CSS |
Problema de cromo #642487 | Problema de cromo n.º 437860 |
Cromo | Implementar la of <selector-list> cláusula de la :nth-child() pseudo-clase. |
Problema de cromo n.º 304163 | #20143 |
Cromo | Implementar la :dir() pseudo-clase de Selectores Nivel 4 |
Problema de cromo n.º 576815 | #19984 |
Safari | Dispara un transitioncancel evento cuando se cancela una transición de CSS |
Error de WebKit n.º 161535 | #20618 |
Safari | Implementar la :dir() pseudo-clase de Selectores Nivel 4 |
Error de WebKit n.º 64861 | #19984 |
Safari | Implementar el elemento HTML5<dialog> |
Error de WebKit #84635 | #20175 |