Ancho de página causa autoscroll a la parte superior de la página al acceder a los comboboxes de búsqueda/usuario/hamburguesa (solo Chrome)

Usando community.home-assistant.io con Chrome versión 95.0.4638.54 (Versión oficial) (64 bits). Tengo un problema extraño, presente solo en mi escritorio doméstico. El escritorio de trabajo parece estar bien, aunque no sé la versión actual de Chrome.

Este problema:

Al hacer clic en la búsqueda, el menú hamburguesa (3 líneas verticales) o su icono de usuario, la página se desplaza automáticamente hacia la parte superior de la barra de desplazamiento actual en lugar de mostrar el cuadro combinado.

El problema solo ocurre cuando el cuadro combinado se desancla del lado derecho de la pantalla, de modo que haya un espacio entre el cuadro combinado y la barra de desplazamiento vertical. Esto parece ocurrir alrededor de los 1350 píxeles en el eje X, incluyendo la barra de desplazamiento vertical.

2021-10-28_17-29-14

EDITO: La única forma en que aparecerá cuando el cuadro combinado esté desanclado es cuando estás en la parte superior de la página (Publicación 1):

3 píxeles menos…

2021-10-28_17-30-50

A menos que puedas reproducirlo aquí o en try.discourse.org, casi con seguridad se trata de un problema con tu tema CSS y diseño. También intenta en modo seguro.

sucede aquí también.

2021-10-28_17-37-26

También ocurre en modo seguro

Tengo dificultades para reproducir esto, ¿cuáles son los pasos específicos? Tengo un navegador muy ancho, estoy desplazado hacia abajo en este tema y hago clic en el avatar, pero no se desplaza hacia arriba.

Realmente no hay mucho que hacer. Simplemente amplía tu navegador. Por lo que vale, esto no está ocurriendo en Edge en la misma PC. Solo en Chrome.

Las herramientas de desarrollador en modo seguro no muestran nada, excepto un mensaje que podría o no estar relacionado:

¿Tiene alguna extensión del navegador? ¿Puede probar en una ventana de incógnito?

Recategorizando como soporte hasta que al menos otra persona pueda reproducir esto. Yo definitivamente no puedo, y estoy usando Chrome/Windows.

Ocurre también en modo incógnito.

FYI, ejecutando la 2.8.0.beta7

Otra última información: esto comenzó al 100% después de una actualización programada de Windows y un reinicio. En Windows 10 Pro, compilación del sistema operativo 19042.1288, experiencia 120.2212.3920.0.

Estoy actualizado en Windows / Chrome también

He redimensionado la ventana de muchas maneras diferentes y no puedo reproducir esto..

¿Tienes enlaces para configurar un servidor de desarrollo donde pueda depurar el problema? ¿Por lo general se configura a través de VSCode o VS?

Alguien reportó lo mismo.
Versión 95.0.4638.54 (Versión oficial) (64 bits)
También intentó usar los atajos de teclado, pero el problema persistió.

También estoy viendo el mismo comportamiento en Chrome pero no en Firefox.

Estoy dispuesto a probar cualquier cosa y llevo años desarrollando. Este error me está volviendo loco; cualquier orientación, enlace o lo que sea que ayude a encontrar la causa raíz de este problema será bienvenido, dado que no pueden reproducirlo.

Actualicé Chrome en mi escritorio hoy y comencé a ver este problema. Esto debería solucionarlo.

Hay más detalles en la descripción del PR. La corrección ya está en vivo en Meta.

Leí un poco más sobre esto y logré rastrear el problema. Este error, junto con algunos otros relacionados con CSS sticky, solo ocurrirá si tienes

Experimental Web Platform features

habilitado en las banderas de Chrome. Esto explica por qué solo algunas personas lo experimentaban, aunque tuvieran la misma versión de Chrome.

Si estás viendo este problema, asegúrate de que esté deshabilitado aquí.

chrome://flags/#enable-experimental-web-platform-features

Envié una PR para revertir el cambio anterior, ya que ya no es necesario.