palantir/blueprint

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

Open

#2 864 ouverte le 22 août 2018

Voir sur GitHub
 (10 commentaires) (1 réaction) (0 assignés)TypeScript (20 263 stars) (2 167 forks)batch import
P2Package: coreType: bughelp wanted

Description

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!

Guide contributeur

Stack technique
typescriptreact
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
ReactTypeScriptDOM focus events
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70
Direction de recherche
Investigate the autofocus behavior in Blueprint's InputGroup and Popover components. Review the reproduction at the provided CodeSandbox link. Look for any focus related logic that might trigger window.scrollTo or scrollIntoView. Check if there's a known fix or similar issues in the repository. Consider testing a fix that prevents scroll jumping when focus is set within a popover.