Problemas de renderização DOM DOM do Angular 2
Nossa equipe (não apenas meu computador) tem um problema estranho de renderização para o Angular 2, que só acontece no Chrome.
Ou seja, ao navegar no aplicativo ou atualizar no meio do aplicativo, muitos dos itens no DOM são invisíveis. POR EXEMPLO. parágrafos e cabeçalhos que contenham texto, mas o texto não é renderizado para o usuário final, mas o texto é visto no DOM do inspetor.
O DOM recuperará a visibilidade se você editar um atributo CSS aleatório no inspetor. Esse CSS nem precisa ser aplicável ao item DOM invisível em mãos, ala. o item invisível pode ser um parágrafo no cabeçalho, e ativar / desativar a posição superior de uma extensão aleatória de rodapé fará com que o parágrafo do cabeçalho recupere a visibilidade.
Isso acontece nas páginas que possuem um carregador fixo aplicado a elas, por exemplo. um componente com posição fixa, um z-index super alto e abrange a tela inteira. Este carregador de páginas é exibido até o ngOnInit terminar, o que significa que é bastante rápido na maioria das vezes. Desativar este carregador parece corrigir o problema.
Às vezes, isso também acontece com o texto nas tags {{var}}, quando o valor var é carregado após o carregamento da página.
Tentamos alternar o carregador com
*ngIf="true/false"
OU
[style.display]="block/none"
Nenhuma dessas soluções funciona, parte do dom ainda é invisível.
Alguém tem uma idéia de por que isso acontece?