posit-dev / posit-dev/positron

data explorer scroll bars sometimes don't update when jumping around table

Open
#3,353 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: data explorer bug
Dominant language
TypeScript
Stars
4.3k
Forks
184
Avg merge
1d 11h
Merged PRs (30d)
206

Description

Positron Version: 2024.05.0 build 1275

Steps to reproduce the issue:

  1. Launch the data explorer with data. You can run the script at https://github.com/posit-dev/qa-example-content/blob/main/workspaces/nyc-flights-data-r/flights-data-frame.r and launch the data explorer for the df dataframe.
  2. Move the horizontal scrollbar all of the way to the right side of the data viewer.
  3. Move the vertical scrollbar all of the way to the bottom of the data viewer.
  4. Click the element .data-grid-corner-top-left, which is in the top left corner of the data table. This should navigate the user to the upper left corner of their data table.
  5. Notice that horizontal scroll bar returned to it's left most position, but the vertical scroll bar stayed at the bottom position.

positron_data_explorer_20250531_01.webm

What did you expect to happen?

When the user clicks the element located by css selector .data-grid-corner-top-left, the horizontal scrollbar should return to the left most position and the vertical scrollbar should return to the top position.

We have also see this happen with the horizontal scrollbar not returning to the leftmost position. I think you have to switch the order of steps 2 and 3 above, so the horizontal scrollbar is moved after the vertical scrollbar, to see this behavior.

Were there any error messages in the output or Developer Tools console?

I did not notice any error messages in the developer tools console.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in the data explorer using the linked flights-data-r script, then inspect the behavior associated with the .data-grid-corner-top-left element. Done means clicking that element consistently returns both the horizontal and vertical scrollbars to their top-left positions, including when the scrollbar movement order is reversed.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.