Mural dos bugs de navegadores

Bootstrap, atualmente, contorna diversos bugs nos maiores browsers, para prover a melhor experiência cross-browser, possível. No entanto, alguns bugs, como os listados abaixo, não podemos resolver.

Optamos por publicar nossos bugs mais impactantes, aqui. Isso para tentar resolvê-los mais rápido. Para mais informações sobre compatibilidade de browsers, veja nossa documentação a respeito.

Veja também:

Browser(s) Descrição Reporte original Reporte Bootstrap
Edge

Artefatos visuais em modals com rolagem.

 Problema #9011176 do Edge #20755
Edge

Uso do tooltip nativo para exibir o title, no primeiro foco do teclado (além do componentes tooltip customizado).

 Problema #6793560 do Edge #18692
Edge

Quando o mouse passa por cima e sai, o elemento continua no estado :hover.

 Problema #5381673 do Edge #14211
Edge

border-radius, algumas vezes, cria linhas de vazamento no background-color do elemento pai.

 Problema #3342037 do Edge #16671
Edge

O background do <tr> só é aplicado na primeira célula filha, invés de todas células da linha.

 Problema #5865620 do Edge #18504
Edge

@-ms-viewport{width: device-width;} tem o efeito colateral de causar barras de rolagem se esconderem, sozinhas.

 Problema #7165383 do Edge #18543
Edge

Cor de fundo, de camadas mais baixas, vaza por bordas transparentes, em alguns casos.

 Problema #6274505 do Edge #18228
Edge

Passar o mouse sobre elementos SVG descendentes aciona o evento mouseleave, no ancestral.

 Problema #7787318 do Edge #19670
Edge

Botão ativo com position: fixed; começa a piscar, quando rolando a página.

 Problema #8770398 do Edge #20507
Firefox

.table-bordered em um elemento <tbody> vazio, perde bordas.

 Bug #1023761 do Mozilla #13453
Firefox

Se o estado disabled de um campo de formulário é alterado, via JavaScript, o estado normal não retorna ao atualizar a página.

 Bug #654072 do Mozilla #793
Firefox

Eventos focus não devem ser acionados no objeto document.

 Bug #1228802 do Mozilla #18365
Firefox

Tabelas com float não quebram em uma nova linha.

 Bug #1277782 do Mozilla #19839
Firefox

O mouse, às vezes, não entra em elementos SVG para acionar eventos mouseenter/mouseleave.

 Bug #577785 do Mozilla #19670
Firefox

Layout de colunas com float, quebra durante impressão.

 Bug #1315994 do Mozilla #21092
Firefox (Windows)

Borda direita do menu <select>, as vezes, desaparece quando a tela é configurada em resoluções incomuns.

 Bug #545685 do Mozilla #15990
Firefox (macOS & Linux)

Badges fazem a parte inferior de abas, inesperadamente, não sobreporem-se.

 Bug #1259972 do Mozilla #19626
Chrome (Android)

Elemento <input> não é trazido à vista, quando tocado.

 Problema #595210 do Chromium #17338
Chrome (macOS)

Clicando acima do botão de incremento de um <input type="number"> faz o botão de decremento piscar.

 Problema #419108 do Chromium Desdobramento de #8350 e Problema #337668 do Chromium
Chrome

Animação CSS linear inifinita com transparência alpha causa vazamento de memória.

 Problema #429375 do Chromium #14409
Chrome

Bordas da table-cell não sobrepõe, mesmo com margin-right: -1px.

 Problema #749848 do Chromium #17438 e #14237
Chrome

Clicando na barra de rolagem no <select multiple>, com opções transbordadas, seleciona <option> próximos.

 Problema #597642 do Chromium #19810
Chrome

Não faz o :hover ser grudento, em páginas touch-friendly.

 Problema #370155 do Chromium #12832
Chrome

Elemento com position: absolute que é maior que sua coluna é, incorretamente, cortado pelas fronteiras da coluna.

 Problema #269061 do Chromium #20161
Chrome (Windows e Linux)

Falha de animação, depois de retornar a uma aba inativa que estava rodando a animação.

 Problema #449180 do Chromium #15298
Chrome

Perca de desempenho significativa, em SVGs dinâmicos com texto, dependendo do número de fontes em font-family.

 Problema #781344 do Chromium #24673
Safari

Unidades rem, em media queries, devem ser calculadas usando font-size: initial, mas não font-size do elemento raiz.

 Bug #156684 do WebKit #17403
Safari

Link para um container com id e tabindex resulta no container sendo ignorado pelo VoiceOver (afeta puladores de links).

 Bug #163658 do WebKit #20732
Safari

As media features CSS min-width e max-width não arredondam valores pixel com decimais.

 Bug #178261 do WebKit #25166
Safari (macOS)

px, em e rem deveriam todos se comportar da mesma forma, em media queries, quando zoom na página é aplicado.

 Bug #156687 do WebKit #17403
Safari (macOS)

Comportamentos de botão esquisitos, em alguns elementos <input type="number">.

 Bug #137269 do WebKit, Apple Safari Radar #18834768 #8350, Normalize #283 e Problema #337668 do Chromium
Safari (macOS)

Pequeno tamanho de fonte, quando imprimindo uma página com .container de largura fixa.

 Bug #138192 do WebKit e Apple Safari Radar #19435018 #14868
Safari (iOS)

Bug de renderização do transform: translate3d(0,0,0);.

 Bug #138162 do WebKit e Apple Safari Radar #18804973 #14603
Safari (iOS)

Cursor do input de texto não se move, durante a rolagem da página.

 Bug #138201 do WebKit e Apple Safari Radar #18819624 #14708
Safari (iOS)

Nâo é possível mover o cursor para o inicio do texto, depois de digitar uma longa linha de texto, dentro do <input type="text">.

 Bug #148061 do WebKit e Apple Safari Radar #22299624 #16988
Safari (iOS)

display: block causa textos de <input> temporais se tornarem, verticalmente, desalinhados.

 Bug #139848 do WebKit e Apple Safari Radar #19434878 #11266 e #13098
Safari (iOS)

Tocar no <body> não aciona eventos de clique.

 Bug #151933 do WebKit #16028
Safari (iOS)

position:fixed é posicionado, incorretamente, quando a barra de abas está visível, no Safari do iPhone 6S+.

 Bug #153056 do WebKit #18859
Safari (iOS)

Tocar em um <input> dentro de um elemento com position:fixed rola para o topo da página.

 Bug #153224 do WebKit e Apple Safari Radar #24235301 #17497
Safari (iOS)

<body> com CSS overflow:hidden continua sendo rolável, no iOS.

 Bug #153852 do WebKit #14839
Safari (iOS)

Gesto de rolagem em campos de texto dentro de elementos com position:fixed, as vezes, rola o <body>, invés do ancestral rolável.

 Bug #153856 do WebKit #14839
Safari (iOS)

Modal com -webkit-overflow-scrolling: touch não se torna rolável, depois do texto adicionado fazê-lo maior.

 Bug #158342 do WebKit #17695
Safari (iOS)

Não faz o :hover ser grudento, em páginas touch-friendly.

 Bug #158517 do WebKit #12832
Safari (iOS)

Elemento, que tem position:fixed, desaparece depois de abrir um menu <select>.

 Bug #162362 do WebKit #20759
Safari (iPad Pro)

Renderização de descendentes de um elemento com position: fixed é cortada, no iPad Pro, na orientação em paisagem.

 Bug #152637 do WebKit e Apple Safari Radar #24030853 #18738

Recursos mais desejados

Existem vários recursos nos padrões web que permitiriam-nos fazer o Bootstrap ser mais robusto, elegante e performático, mas que ainda não estão implementados em alguns browsers, portanto, evitando que nós tiremos vantagem deles.

Devido a isso, publicamos esta tabela de recursos mais pedidos, aqui. Com isso, esperamos incentivar suas implementações.

Browser(s) Descrição Pedido de implementação original Pedido de implementação Bootstrap
Edge

Elementos focáveis deveriam acionar eventos focus ou receber estilos :focus, quando recebem foco de tecnologias de acessibilidade.

 Ideia no Microsoft A11y UserVoice #16717318 #20732
Edge

Implementar a pseudo-classe :dir() dos seletores Level 4.

 Ideia no Edge UserVoice #12299532 #19984
Edge

Implementar o elemento HTML5 <dialog>.

 Ideia no Edge UserVoice #6508895 #20175
Edge

Acionar um evento transitioncancel, quando uma transição CSS é cancelada.

 Ideia no Edge UserVoice #15939898 #20618
Edge

Implementar a cláusula of <selector-list> da pseudo-classe :nth-child().

 Ideia no Edge UserVoice #15944476 #20143
Firefox

Implementar a cláusula of <selector-list> da pseudo-classe :nth-child().

 Bug #854148 do Mozilla #20143
Firefox

Implementar o elemento HTML5 <dialog>.

 Bug #840640 do Mozilla #20175
Firefox

Quando focos virtuais estão em um botão ou link, acionam focos reais no elemento, também.

 Bug #1000082 do Mozilla #20732
Chrome

Acionar um evento transitioncancel, quando uma transição CSS é cancelada.

 Problema #642487 do Chromium Problema #437860 do Chromium
Chrome

Implementar a cláusula of <selector-list> da pseudo-classe :nth-child().

 Problema #304163 do Chromium #20143
Chrome

Implementar a pseudo-classe :dir() dos seletores Level 4.

 Problema #576815 do Chromium #19984
Safari

Acionar um evento transitioncancel, quando uma transição CSS é cancelada.

 Bug #161535 do WebKit #20618
Safari

Implementar a pseudo-classe :dir() dos seletores Level 4.

 Bug #64861 do WebKit #19984
Safari

Implementar o elemento HTML5 <dialog>.

 Bug #84635 do WebKit #20175