palantir/blueprint

Entire Frozen Column Scroll Up/Down When Press Arrow Up/Down Keys

Ouverte

#4 237 ouverte le 22 juil. 2020

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (2 167 forks)batch import
Browser: ChromePackage: tableType: bughelp wanted

Métriques du dépôt

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

Description

Please check the Codesandbox and use the steps to reproduce to observe the issue, thank you.

Environment

  • Package version(s): blueprintjs core@3.17.1, table@3.6.0, react@16.8.5, react-router-dom@5.1.0
  • Operating System: MacOS@10.15.5
  • Browser name and version: Google Chrome@83.0.4103.116 (Official Build) (64-bit)

The latest version of blueprintjs packages still have this issue.

Code Sandbox

https://codesandbox.io/s/gracious-jepsen-oivtr

Steps to reproduce

  1. Open the sandbox.
  2. When you see the table click any cell of "Dollars" column.
  3. When you see the popup dialog press Esc in keyboard, the popup dialog should be closed.
  4. Press Down/Up arrow key in keyboard.

Actual behavior

Observe the frozen column(Dollars column) will be entirely scroll down/up.

Expected behavior

Click "Close" button or click outside to close the popup dialog does not trigger this issue.

Guide contributeur

Direction de recherche
Examinez la gestion des événements des touches fléchées dans l'implémentation des colonnes figées du composant Table. Tracez la propagation des événements et identifiez pourquoi l'appui sur les touches fléchées fait défiler toute la colonne figée au lieu de déplacer le focus de la cellule. Vérifiez l'absence de event.preventDefault() ou une cible incorrecte de l'événement.
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.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
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.
70