Visual "jumping" on schema page

[zwass]

The scrollbar seems to jump in and out as the cursor enters and leaves the sidebar:

[taylorkearns]

@zwass are you still seeing this? I'm having trouble reproducing.

[zwass]

This is on macOS Chrome
Version 66.0.3359.181 (Official Build) (64-bit)

[atxpace]

@zwass if you go to your Mac preferences, general check to see if you have this setting on:

This is a non-default setting that Chrome will pickup and use.

[atxpace]

Firefox and Safari also exhibit this behavior with this setting on.

[atxpace]

This appears to be caused by the following styling code:

  &.noscroll {
    overflow: hidden;
  }

from commit for #17.

[Smjert]

@directionless Was there a reason for this issue being closed?
This is still present on Linux and Windows on Google Chrome.

On my Firefox the vertical scroll bar for the whole page disappears as soon as I stop moving the mouse, so it seems the style doesn't need to compensate for that appearing, but on Google Chrome the scroll bar is always there, taking space, and causes a recalculation of the page width when it disappears while hovering the table name list.

On macOS Google Chrome this doesn't happen because the vertical scrollbars automatically disappear.

[directionless]

I have no memory of why I closed this. Probably I thought it was fixed, if it's still present we can reopen. Though if no one is working on it, it feels kinda 🤷

[hirohe]

I think the root cause problem is when "overscroll" the side list, will trigger schema page scroll. so for now, when hover in side list, added noscroll to prevent schema page scroll, but it cause this visual jumping issue.

FWIK setting overscroll-behavior for side list, and remove 'noscroll' classname toggle in will solve such problem.

https://caniuse.com/css-overscroll-behavior