streamich/react-use

useLockBodyScroll doesn't restore scroll position

Open

#840 ouverte le 16 déc. 2019

Voir sur GitHub
 (7 commentaires) (0 réactions) (1 assigné)TypeScript (43 979 stars) (3 273 forks)batch import
bughelp wanted

Description

What is the current behavior?

When useLockBodyScroll is passed a value of false, it does re-enable scrolling, however any previous scroll position is not restored.

What is the expected behavior?

The previous scroll position should be restored to the scrolled element.

A little about versions:

  • OS:
  • Browser (vendor and version):
  • React: 16.11.0
  • react-use: 13.10.1

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
basic React hooksJavaScript event handling
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50
Direction de recherche
The bug is in the useLockBodyScroll hook in react use. To fix, you need to save the scroll position when scrolling is locked and restore it when unlocked. Look at the hook implementation in https://github.com/streamich/react use/blob/master/src/useLockBodyScroll.ts. The current code likely sets overflow hidden but does not store/restore scrollLeft/scrollTop. Review existing comments and the assignee's work to avoid duplication.