Floating thead hides its origin on overscroll? about floatthead HOT 5 CLOSED

Sure I'll take a look after the US holidays. Thanks for a detailed description.

from floatthead.

I noticed that iOS Safari is not supported after posting this, but it goes for Chrome on iOS as well.

from floatthead.

To hack this for a tomorrow's upcoming release, I've set margin-top: -1000px on the .row that contains the .col with the .table-responsive. To compensate, I've placed an empty tr with height: 1000px before my actual trs. The 1000 pixels get truncated somehow, so you will still be able to see the bug on the live site, you just have to pull down a bit harder with your finger on the screen.

from floatthead.

Hey, sorry, I misread your bug thinking this was osx, but you said iOS! I dont have an iphone to test this on, so I cannot help you :P

Also even if I did, debugging on one or an emulator is a very horrible way to spend one's free
time.

iOS chrome is actually using the Safari renderer engine (because of strict apple guidelines on how things should look on its platform), so you can think of it as the same thing.

My only advice is to try overscroll-behavior:contain on the body / scrolling area
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior

from floatthead.

"Also even if I did, debugging on one or an emulator is a very horrible way to spend one's free
time." – Yes indeed! :D I have to deploy the application to the server every time I want to try out a new way of fixing it.

overscroll-behavior:contain is not supported by Safari on iOS (yet?). I've put it in place though, hoping Safari developers will get their shit together soon :D

The negative margin-trick helped to mitigate it quite a lot, so I guess I'll leave it as is for now.

from floatthead.