Larghezza della pagina causa uno scorrimento automatico in cima alla pagina quando si accede alle combobox serach/user/hamburger (solo chrome)

Sto utilizzando community.home-assistant.io con Chrome Versione 95.0.4638.54 (Build ufficiale) (64-bit). Ho un problema strano, presente solo sul mio desktop di casa. Il desktop dell’ufficio sembra funzionare correttamente, anche se non conosco la versione attuale di Chrome.

Questo è il problema:

Cliccando sulla ricerca, sull’icona hamburger (3 linee verticali) o sull’icona del tuo utente, la pagina scorre automaticamente verso l’alto della barra di scorrimento corrente invece di mostrare il combobox.

Il problema si verifica solo quando il combobox si stacca dal lato destro dello schermo, creando uno spazio tra il combobox e la barra di scorrimento verticale. Questo sembra accadere intorno ai 1350 pixel in X, inclusa la barra di scorrimento verticale.

2021-10-28_17-29-14

MODIFICA: Il problema si manifesta quando il combobox è staccato solo se ti trovi in cima alla pagina (Post 1):

3 pixel in meno…

2021-10-28_17-30-50

A meno che tu non possa riprodotto qui o su try.discourse.org, è quasi sicuramente un problema con il tuo tema CSS e il layout. Prova anche in modalità sicura.

accade anche qui.

2021-10-28_17-37-26

Accade anche in modalità provvisoria

Sto avendo difficoltà a riprodurre il problema, quali sono i passaggi specifici? Ho un browser molto largo, sono scorrendo verso il basso in questo argomento e sto cliccando sull’avatar, ma non scorre verso l’alto?

Non c’è davvero molto da fare. Basta allargare la finestra del browser. Per quanto ne so, questo non sta accadendo in Edge sullo stesso PC. Solo in Chrome.

Gli strumenti per sviluppatori in modalità provvisoria non mostrano nulla, a parte un messaggio che potrebbe o meno essere correlato:

Hai delle estensioni per il browser? Puoi provare in una finestra di navigazione in incognito?

Ricategorizzo come supporto finché almeno un’altra persona non riesce a riprodurre il problema. Io non ci riesco di sicuro, e sono su Chrome/Windows.

Accade anche in incognito.

Per tua informazione, stai eseguendo la 2.8.0.beta7

Un’ultima informazione: questo problema è iniziato al 100% dopo un aggiornamento pianificato di Windows e un riavvio. Su Windows 10 Pro, Build del sistema operativo 19042.1288, Esperienza 120.2212.3920.0.

Anche io sono aggiornato su Windows / Chrome

Ho ridimensionato la finestra in così tanti modi diversi e non riesco a riprodurre il problema..

Hai dei link per configurare un server di sviluppo dove posso eseguire il debug del problema? Di solito viene configurato tramite VSCode o VS?

Abbiamo ricevuto una segnalazione simile da parte di un utente.
Versione 95.0.4638.54 (Build Ufficiale) (64-bit)
Ha anche provato a utilizzare le scorciatoie da tastiera, ma il problema era lo stesso.

Vedo lo stesso comportamento anche su Chrome, ma non su Firefox

Sono disposto a provare di tutto e sviluppo da anni. Questo bug mi sta dando davvero fastidio; qualsiasi indicazione, link o altro che possa aiutare a individuare la causa principale del problema sarebbe apprezzato, dato che non riescite a riprodurlo.

Ho aggiornato Chrome sul mio desktop oggi e ho iniziato a riscontrare questo problema. Questa dovrebbe risolverlo.

Ci sono ulteriori dettagli nella descrizione della PR. La correzione è ora attiva su Meta.

Ho letto un po’ di più a riguardo e sono riuscito a individuare il problema. Questo bug, insieme ad alcuni altri relativi a CSS sticky, si verifica solo se hai abilitato le Experimental Web Platform features nelle flag di Chrome. Questo spiega perché solo alcune persone lo riscontravano, nonostante utilizzassero la stessa versione di Chrome.

Se stai riscontrando questo problema, assicurati che sia disabilitato qui:

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

Ho inviato una PR per annullare la modifica sopra, poiché non è più necessaria.