search

GuillaumeJasmin / react-table-sticky

Sticky hook for react-table v7
MIT License
189 stars 21 forks source link

iOS sticky columns headers are jumpy #11

Closed bogdancss closed 4 years ago

bogdancss commented 4 years ago

I noticed that the headers of the sticky columns are jumpy when side-scrolling on iOS devices. Here's a recording of a slightly modified demo (just removed some of the table structure from the demo).

You can see that only the headers present this behaviour and not the entire sticky column.

GuillaumeJasmin commented 4 years ago

I @bogdancss Thanks for your feedback. As react-table-sticky fully use sticky css property, I think it's not an issue with this lib, but with the implementation of sticky on iOS. There is no hack like calculating position on the fly on each scroll event, so I don't really know how to fix that.

Could you give me the link of codesandbox please ?

bogdancss commented 4 years ago

Hey @GuillaumeJasmin - yes, it seems to just be how ios handles position sticky within another sticky positioned parent. If you load the demo on the repo readme, you can actually see this happening.

bogdancss commented 4 years ago

We ended up just leaving this as is - there is nothing wrong with the lib, so I can close off this issue.