Data browser automatically scrolls indefinitely

[bendigi]

Make sure these boxes are checked before submitting your issue -- thanks for reporting issues back to Parse Dashboard!

• You're running version >=1.0.23 of Parse Dashboard.

• You're running version >=2.3.2 of Parse Server.

• You've searched through existing issues. Chances are that your issue has been reported or resolved before.

Environment Setup

Parse on Google compute engine
Dashboard on Google compute engine
Mongo on a separate machine

Steps to reproduce

The issue has appeared suddenly without any updates to parse or the dashboard. When using the data browser and you scroll past say 40 rows, the data browser automatically scrolls indefinitely without stopping. The only way to stop it is to scroll back up.

Here is a video to show the issue. https://youtu.be/VqY4K9jJ3yM

Is it possible that something in the DB is causing this?

Logs/Trace

Note: If you get a browser JS error please run npm run dev. This will provide source maps and a much more useful stack trace.

[JacerOmri]

well i'm facing the same issue, been working on this the whole day. I know it has to do with handleScroll method in BrowserTable.
It's a bit complicated. I think the virtual scrolling logic there is flawed.
I don't have an answer yet, once i have something I will open a PR.

[JacerOmri]

Actually, the height of the spacer above the actual table shown is changing, and i think this fires the scroll event again.
I changed this

      if (this.state.offset !== offset) {
        this.setState({ offset });
      }

to this

      if (this.state.offset !== offset) {
        this.setState({ offset });
        this.refs.table.scrollTop = rowsAbove * ROW_HEIGHT;
      }

I was able to make it stop, it feels a bit laggy, but at least it's usable.

[sandeep2242]

Hey I am also facing this issue, can you please tell me that how to fix this ?

[EricNetsch]

Same issue here. Would love to know the fix as this is a super frustrating issue. Thanks

[JacerOmri]

@sandeep2242 @EricNetsch did you try my suggestion above? it worked for me

[bendigi]

In which file do we do the change you suggested?

[sandeep2242]

Where do we have to make this change you suggested ?

[JacerOmri]

follow this commit a9f189b

it's in src/dashboard/Data/Browser/BrowserTable.react.js

[toddgower-hiatus]

Any update on this PR being accepted? It's causing issues for me too.

[jackdewhurst]

Ditto on a release for this please, makes large datasets unmanageable in the current build

[sjmerel]

I am seeing this on Chrome on a Mac. It doesn't happen for me on Safari, so that's a workaround for now.

[toddgower-hiatus]

Yes, I can confirm that using Safari prevents this from happening too. Thank you!

[sandeep2242]

Anything for windows