Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertical scrollbar is shown inside the horizontally scrollable area, which makes it usually out of sight #2045

Open
4 tasks done
mathieulb opened this issue Feb 19, 2022 · 9 comments · Fixed by #2457
Open
4 tasks done
Labels
bounty:$10 Bounty applies for fixing this issue (Parse Bounty Program) state:released Released as stable version state:released-alpha Released as alpha version state:released-beta Released as beta version type:bug Impaired feature or lacking behavior that is likely assumed

Comments

@mathieulb
Copy link

New Issue Checklist

Issue Description

To see the vertical scrollbar, one has to scroll to the far right of the table, not on the screen, because many tables have many columns, and by going there, one no longer sees whatever horizontal position they were at, and in very wide tables, it may take a while to go back to the spot they were originally at, before looking at the scrollbar. Parse Dashboard is the only app I know that does this (among the ones kind enough to display a scrollbar).

Steps to reproduce

Open any table where columns take more than one screen wide, in any version of Parse Dashboard.

Actual Outcome

Vertical scrollbar only appears when horizontal scrollbar at maximum position (right end).

Expected Outcome

Vertical scrollbar always visible.

Environment

Dashboard

  • Parse Dashboard version: both 2.1.0 release and in 4.0.0 release.
  • Browser (Safari, Chrome, Firefox, Edge, etc.): Firefox
  • Browser version: 97 and several previous ones

Server

  • Parse Server version: 4.3.0
  • Operating system: Heroku 18
  • Local or remote host (AWS, Azure, Google Cloud, Heroku, Digital Ocean, etc): Heroku

Database

  • System (MongoDB or Postgres): Mongo
  • Database version: ?
  • Local or remote host (MongoDB Atlas, mLab, AWS, Azure, Google Cloud, etc): Heroku
@parse-github-assistant
Copy link

parse-github-assistant bot commented Feb 19, 2022

Thanks for opening this issue!

  • 🚀 You can help us to fix this issue faster by opening a pull request with a failing test. See our Contribution Guide for how to make a pull request, or read our New Contributor's Guide if this is your first time contributing.

@mathieulb
Copy link
Author

... or to be consistent with the rest of scrollbar policy, [Expected Outcome] = Vertical scrollbar visible whenever the table's content is higher than its viewport. My only point is only that you should be using a scrollable area with two scrollbars, instead of a vertically scrollable area nested within a horizontally scrollable area.

@mtrezza mtrezza added type:bug Impaired feature or lacking behavior that is likely assumed bounty:$10 Bounty applies for fixing this issue (Parse Bounty Program) labels Feb 20, 2022
@parseplatformorg
Copy link
Contributor

🎉 This change has been released in version 5.2.0-alpha.15

@parseplatformorg parseplatformorg added the state:released-alpha Released as alpha version label Jun 11, 2023
@mtrezza mtrezza reopened this Jun 24, 2023
@mtrezza
Copy link
Member

mtrezza commented Jun 24, 2023

Re-opened because #2457 has been reverted with #2476 because it introduced bug #2475.

@AshishBarvaliya
Copy link
Member

#2475

I attempted to reproduce the issue by adding 3x additional rows and columns, but I couldn't observe the change in the image you posted. It appears that the width has been somehow altered. Generally, the default width remains consistent regardless of the number of columns added. Could you please provide me with the specific values you modified or added to increase the width?

@mtrezza
Copy link
Member

mtrezza commented Jun 27, 2023

I did not do any modification actually, I was able to reproduce this issue even in the preview. I'll try to reproduce and give you more details. Opened #2486 to demo.

@parseplatformorg
Copy link
Contributor

🎉 This change has been released in version 5.3.0-beta.1

@parseplatformorg parseplatformorg added the state:released-beta Released as beta version label Sep 15, 2023
@parseplatformorg
Copy link
Contributor

🎉 This change has been released in version 5.3.0-alpha.1

@parseplatformorg
Copy link
Contributor

🎉 This change has been released in version 5.3.0

@parseplatformorg parseplatformorg added the state:released Released as stable version label Nov 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bounty:$10 Bounty applies for fixing this issue (Parse Bounty Program) state:released Released as stable version state:released-alpha Released as alpha version state:released-beta Released as beta version type:bug Impaired feature or lacking behavior that is likely assumed
Projects
None yet
4 participants