re-com icon indicating copy to clipboard operation
re-com copied to clipboard

Prevent v-table Overscroll (WIP)

Open Gregg8 opened this issue 5 years ago • 1 comments

As stated here, currently, scrolling a v-table also scrolls parent scrollbars (usually the one on [:body]).

The solution seems to be to use the relatively new CSS :overscroll-behavior.

Couldn't get it to work, however. Get back to this when we have more time.

Another reference page: https://developers.google.com/web/updates/2017/11/overscroll-behavior

Gregg8 avatar Feb 01 '21 06:02 Gregg8

I think this issue causes V-tables to be very difficult to use, and so probably deserves more attention.

The first thing I noticed when trying to add :overscroll-behavior myself was that re-com.validate/css-styles does not yet contain this option.

Also, even with :max-rows turned off and :parent-height specified (so no virtualization), scrolling a V-table still causes overscrolling on the parent.

flybot-nam-nguyenhoai avatar Feb 21 '25 09:02 flybot-nam-nguyenhoai