Prevent elastic scrolling of whole application on macOS

pixelspark commented 3 years ago

Describe the bug On macOS (at least in Edge and Safari) the whole application scrolls when scrolling using the mouse wheel outside a table (e.g. in the tree when it has no scroll bar).

This is easily disabled by setting overflow: hidden; on body in CSS.

To Reproduce Steps to reproduce the behavior:

Go to the demo instance on a mac
Scroll using the mouse wheel in a non-scrollable area

Screenshots

cdb_scroll

Desktop (please complete the following information):

OS: macOS
Browser Edge, Safari
Version Edge 89.0.774.63, Safari Versie 14.0.3 (16610.4.3.1.7)

Additional context

Love this project!

pixelspark commented 3 years ago

Should probably be added here: https://github.com/dbeaver/cloudbeaver/blob/b1911d646fe12807e1300a6eeb0ae5d5e8d80a5d/webapp/packages/core-app/src/Body.tsx#L27

kseniiaguzeeva commented 3 years ago

Thank you for the report and the solution. We will try to fix it in some of future releases.

kseniiaguzeeva commented 3 years ago

The bug has been fixed in the latest 21.1.1 CB version.

dbeaver / cloudbeaver

Prevent elastic scrolling of whole application on macOS #345