palantir/blueprint

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

Ouverte

#2 864 ouverte le 22 août 2018

Voir sur GitHubGuide contributeur
 (10 commentaires) (1 réaction) (0 personne assignée)TypeScript (2 167 forks)batch import
P2Package: coreType: bughelp wanted

Métriques du dépôt

Stars
 (20 263 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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

Direction de recherche
Identifiez comment l'autofocus déclenche le défilement dans le composant popover, en examinant éventuellement la logique de gestion du focus dans InputGroup ou Popover. Recherchez toute utilisation de scrollIntoView ou focus() qui pourrait faire sauter la page de manière inattendue vers l'élément focalisé.
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.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75