Problems with Mobile Safari

[richardscarrott]

Thanks for the hook, really useful.

I'm seeing issues on iOS where the reported value of stickyRef.current.getBoundingClientRect().top is often incorrect by quite some margin.

I see you're handling cases where it's negative due to rubber banding, but I've also observed incorrect positive values; I think it might have something to do with when the Mobile Safari browser UI grows / shrinks. Not sure if you've run into this / know of a fix?

There's a bug filed for the same problematic behaviour but with position fixed here https://openradar.appspot.com/radar?id=6668472289329152

I modified their jsbin slightly to dump out every value reported https://output.jsbin.com/divoyud

[ranbena]

@richardscarrott did you find any workaround?

[lemps]

I debounced the sticky value with a useDebouncedValue hook and achieved acceptable behaviour