El navegador Chrome a veces obtiene y registra un elemento como el siguiente

Y a veces como abajo

Código Estoy usando un código javascript muy simple.

 const $dropdowns = document.querySelectorAll('.has-dropdown'); console.log($dropdowns[0]); var drp = $dropdowns[0].querySelector('.navbar-dropdown'); console.log(drp);

¿Por qué veo esta diferencia?

Cuando actualizo la página, Chrome a veces muestra el primer estilo (supongo que el estilo del nodo) y, a veces, solo el marcado.

Si hay una manera de elegir cómo mostrarlos, prefiero mostrarlo siempre en primer lugar.

He probado en otros navegadores y no lo veo. Ocurre solo en cromo.