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

The scrollbar in mobile is scrolling the parent container as well #225

Closed
emirdeliz opened this issue Sep 11, 2017 · 2 comments
Closed

The scrollbar in mobile is scrolling the parent container as well #225

emirdeliz opened this issue Sep 11, 2017 · 2 comments

Comments

@emirdeliz
Copy link

Expected Behavior

The scroll of the parents should not move when change scroll of table

Current Behavior

When i have scrollbar in parent container the scroll moving in both.

print

Steps to Reproduce (for bugs)

https://jsfiddle.net/uzg4dosc/

Your Environment

  • Version used: 0.8.0
  • Browser Name and version: Chrome
  • Operating System and version (desktop or mobile): mobile
@wcjordan
Copy link
Member

This is the unfortunate result of Chrome making touch events passive by default. I won't be able to fix within FDT2 until React fixes #8968.

In the meantime, you can fix it in your app by adding this css:

.fixedDataTableLayout_rowsContainer {
    touch-action: none;
}

Some discussion related to this can be found at the bottom of this thread:
#154

@emirdeliz
Copy link
Author

@wcjordan this works! Thanks

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