Quando o Element.getBoundingClientRect garante a atualização / precisão?
Estou trabalhando em algum código que usaElement.getBoundingClientRect
(gBCR), juntamente com atualizações de estilo em linha, para executar o cálculo.Isto não é para um site geral e não estou preocupado ou interessado em saber se existem "maneiras melhores de CSS" para executar esta tarefa.
O JavaScript é executadosincronicamente e executa estas etapas:
O gBCR dos pais é buscadoOs cálculos são realizados e;A elemento filho dos pais temestilos CSS embutidos (por exemplo, tamanho e margens) atualizadosO gBCR dos pais é buscado novamenteEstou garantido que os limites computados do cliente refletirão o novo retângulo delimitador do pai na etapa 4?
Se não for garantido por uma especificação, é este"garantido$17 (gBCR), juntamente com atualizações de estilo em linha, para executar o cálculo.18$
Elementos sãonão serem adicionados ou removidos do DOM e os elementos que estão sendo modificados são filhos diretos do nó pai; se tais restrições / informações forem relevantes.
1"Moderno": UIWebView (iOS 6+), WebView (Android2+) e os suspeitos usuais do Chrome / WebKit, FF, IE9 + -Incluindo versões móveis.