Skip to content

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

@mathieulb

Description

@mathieulb

New Issue Checklist

  • I am not disclosing a vulnerability.
    I am not just asking a question.
    I have searched through existing issues.
    I can reproduce the issue with the latest versions of Parse Server and Parse Dashboard.

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

Activity

parse-github-assistant

parse-github-assistant commented on Feb 19, 2022

@parse-github-assistant

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

mathieulb commented on Feb 19, 2022

@mathieulb
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.

added
type:bugImpaired feature or lacking behavior that is likely assumed
bounty:$10Bounty applies for fixing this issue (Parse Bounty Program)
on Feb 20, 2022
parseplatformorg

parseplatformorg commented on Jun 11, 2023

@parseplatformorg
Contributor

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

mtrezza

mtrezza commented on Jun 24, 2023

@mtrezza
Member

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

AshishBarvaliya

AshishBarvaliya commented on Jun 27, 2023

@AshishBarvaliya
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

mtrezza commented on Jun 27, 2023

@mtrezza
Member

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

parseplatformorg commented on Sep 15, 2023

@parseplatformorg
Contributor

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

parseplatformorg

parseplatformorg commented on Sep 20, 2023

@parseplatformorg
Contributor

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

parseplatformorg

parseplatformorg commented on Nov 16, 2023

@parseplatformorg
Contributor

🎉 This change has been released in version 5.3.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bounty:$10Bounty applies for fixing this issue (Parse Bounty Program)state:releasedReleased as stable versionstate:released-alphaReleased as alpha versionstate:released-betaReleased as beta versiontype:bugImpaired feature or lacking behavior that is likely assumed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Participants

      @mtrezza@mathieulb@AshishBarvaliya@parseplatformorg

      Issue actions

        Vertical scrollbar is shown inside the horizontally scrollable area, which makes it usually out of sight · Issue #2045 · parse-community/parse-dashboard