Largura da página causa rolagem automática para o topo ao acessar comboboxes de pesquisa/usuário/hamburger (apenas Chrome)

Usando community.home-assistant.io com o Chrome Versão 95.0.4638.54 (Build Oficial) (64 bits). Estou enfrentando um problema estranho, presente apenas no meu desktop de casa. O desktop do trabalho parece estar funcionando bem, embora eu não saiba a versão atual do Chrome.

Esse problema:

Ao clicar na busca, no menu hambúrguer (3 linhas verticais) ou no ícone do usuário, a página rola automaticamente para o topo da barra de rolagem atual, em vez de exibir a caixa de combinação (combobox).

O problema ocorre apenas quando a caixa de combinação se desconecta do lado direito da tela, deixando um espaço entre ela e a barra de rolagem vertical. Isso parece acontecer em algum ponto próximo a 1350 pixels em x, incluindo a barra de rolagem vertical.

2021-10-28_17-29-14

EDIT: A única forma de isso aparecer quando a caixa de combinação está desconectada é quando você está no topo da página (Post 1):

3 pixels a menos…

2021-10-28_17-30-50

A menos que você consiga reproduzir o problema aqui ou em try.discourse.org, quase certamente se trata de um problema com seu tema CSS e layout. Tente também no modo seguro.

acontece aqui também.

2021-10-28_17-37-26

Também ocorre no modo de segurança

Estou com dificuldade para reproduzir isso. Quais são os passos específicos? Tenho um navegador super largo, estou rolando para baixo neste tópico, cliquei na avatar e não está rolando para o topo?

Não há muito segredo nisso. Basta ampliar a janela do seu navegador. Por que não, isso não está acontecendo no Edge no mesmo PC. Apenas no Chrome.

As ferramentas de desenvolvedor no modo de segurança não mostram nada além da mensagem que pode ou não estar relacionada:

Você tem alguma extensão de navegador? Pode tentar em uma janela anônima?

Recategorizando como suporte até que pelo menos mais uma pessoa consiga reproduzir o problema. Eu definitivamente não consigo, e estou usando Chrome no Windows.

Acontece também no modo anônimo.

FYI, executando a versão 2.8.0.beta7

Outra última informação: isso começou 100% após uma atualização agendada do Windows e reinicialização. No Windows 10 Pro, Build do sistema operacional 19042.1288, Experiência 120.2212.3920.0.

Estou atualizado no Windows / Chrome também

Redimensionei a janela de tantas maneiras diferentes que não consigo reproduzir isso…

Você tem links para configurar um servidor de desenvolvimento onde eu possa depurar o problema? Geralmente é configurado através do VSCode ou do VS?

Tivemos um relato de alguém com o mesmo problema.
Versão 95.0.4638.54 (Build Oficial) (64 bits)
Ele também tentou usar os atalhos de teclado, mas o problema persistiu.

Estou vendo o mesmo comportamento no Chrome, mas não no Firefox.

Estou disposto a tentar qualquer coisa e já desenvolvo há anos. Esse bug está me irritando muito; qualquer orientação, link ou sugestão para encontrar a causa raiz desse problema seria bem-vinda, já que vocês não conseguem reproduzi-lo.

Atualizei o Chrome no meu computador hoje e comecei a ver esse problema. Isso deve corrigi-lo.

Há mais detalhes na descrição do PR. A correção já está ativa no Meta.

Li um pouco mais sobre isso e consegui rastrear o problema. Esse bug — e alguns outros relacionados ao CSS sticky — só ocorre se você tiver

Experimental Web Platform features

habilitado nas flags do Chrome. Isso explica por que apenas algumas pessoas estavam enfrentando o problema, mesmo usando a mesma versão do Chrome.

Se você está vendo esse problema, certifique-se de que ele esteja desabilitado aqui:

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

Enviei um PR para reverter a alteração acima, pois ela não é mais necessária.