Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prevent v-table Overscroll (WIP) #246

Open
Gregg8 opened this issue Feb 1, 2021 · 1 comment
Open

Prevent v-table Overscroll (WIP) #246

Gregg8 opened this issue Feb 1, 2021 · 1 comment
Assignees

Comments

@Gregg8
Copy link
Contributor

Gregg8 commented Feb 1, 2021

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 Gregg8 self-assigned this Feb 1, 2021
@flybot-nam-nguyenhoai
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants