palantir/blueprint

blueprint v3 autofocus in InputGroup (probably others) inside of popover causing scroll to jump

Open

#2864 aperta il 22 ago 2018

Vedi su GitHub
 (10 commenti) (1 reazione) (0 assegnatari)TypeScript (2167 fork)batch import
P2Package: coreType: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

I have an InputGroup with autoFocus=true inside a popover that must be scrolled to be reached. When I open the popover, the page is scrolled to the very top, even though all I did was click a button. You can see this in the gif below:

untitled1

I imagine that this isn't just confined to InputGroup but probably any blueprint element that can autofocus.

Here's a reproduction of it:

https://codesandbox.io/s/m38yvkywxp

Thanks!

Guida contributor

Direzione di ricerca
Identifica come l'autofocus attiva lo scroll nel componente popover, possibilmente esaminando la logica di gestione del focus in InputGroup o Popover. Cerca eventuali usi di scrollIntoView o focus() che potrebbero causare un salto imprevisto della pagina all'elemento focalizzato.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75