plotly / plotly/plotly.js

scrollbar is made invisible without deactivating it

Open
#4,961 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P3
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

When creating a table figure that does not have enough rows to be scrollable it appears you simply make the scrollbar invisible without deactivating it. Because of the short amount of rows in these types of tables, the increment on the invisible scrollbar is large enough that scrolling will remove all of the rows out of view making it seem like they disappeared. From the user end I'd like this fixed as I would not want my users complaining that their tables disappear whenever they click on the right-side of the table where the invisible scrollbar would be.

To replicate the issue simply go to your own tables in Plotly page. https://plotly.com/python/table/

Click to the right of any table on that page around where you'd expect a scrollbar to be and you'll see the issue for yourself.

If it's difficult to track whether or not a data table needs scrolling and disable scrolling automatically, I think simply adding an extra field to the configuration for disabling scrolling would be useful.

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

Start with the table example at https://plotly.com/python/table/ and reproduce the issue by clicking where the scrollbar would appear on a short table. Trace the table figure's scrolling behavior and configuration; done means clicking that area no longer removes rows from view, either through automatic deactivation or an explicit scrolling option.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.