demo: Scrolling issue demo [do not merge]

[mtrezza]

New Pull Request Checklist

• I am not disclosing a vulnerability.
• I am creating this PR in reference to an issue.

Issue Description

Closes: #2045 (comment)

Approach

This is just a demo for the scrolling issue that has been introduced with #2457. See #2045 (comment).

This PR is not supposed to be merged.

[parse-github-assistant]

I will reformat the title to use the proper commit message syntax.

[parse-github-assistant]

Thanks for opening this pull request!

• 🎉 We are excited about your hands-on contribution!

[uffizzi-cloud]

Uffizzi Ephemeral Environment deployment-29690

⌚ Updated Jun 28, 2023, 19:21 UTC

☁️ https://app.uffizzi.com/github.com/parse-community/parse-dashboard/pull/2486

📄 View Application Logs etc.

What is Uffizzi? Learn more

[mtrezza]

@AshishBarvaliya here are the instructions to replicate the scroll issue described in #2045 (comment):

1. Open the preview environment
2. Open class "MyClass"
3. Scroll to the very right and very bottom corner
4. Open class "_User"
5. Notice that the scroll position is already strange, there is a lot of blank space to scroll around, even thought there are 0 rows
6. Click on "Add row" button in the top bar
7. Scroll to the top (but keep scrolled to the very right)
8. Scroll to the left and see how the headers move independently from the row fields

Screen.Recording.2023-06-28.at.22.02.00.mov

[AshishBarvaliya]

@mtrezza I don't know what I am missing here but I am still not able to reproduce the issue.

[mtrezza]

Looks like a browser compatibility issue. I'm using Safari Version 16.4 (18615.1.26.110.1) and I'm able to reproduce the issue with the preview environment and following the same steps in your video. What browser are you using?

[mtrezza]

@AshishBarvaliya Were you able to reproduce this?

[AshishBarvaliya]

Seems like width: calc(100% - 300px); was causing the issue in Safari. Please try with this alternative suggestions.

[mtrezza]

Done, lets see how it goes when the preview env is recreated

[uffizzi-cloud]

Uffizzi Ephemeral Environment deployment-31232

⌚ Updated Jul 19, 2023, 00:16 UTC

☁️ https://app.uffizzi.com/github.com/parse-community/parse-dashboard/pull/2486

📄 View Application Logs etc.

What is Uffizzi? Learn more

[mtrezza]

The issue now is that when scrolling into the bottom right corner, and then changing to a different class with many rows, the data browser does not start at the top most (first) row, but at a lower row.

Screen.Recording.2023-07-23.at.01.45.57.mov