Having an issue that I cannot seem to find any previous posts on.
I was getting the questionable behavior in my main app so to simplify, I have a test page with a section element (100% width, height 60px) set to sticky. and a couple text items below it.
When I publish and use an iOS device if i overscroll refresh the header sometimes gets ‘stuck’ part way down the page.
Loading up some of the showcase apps from weweb I do not get that behavior so clearly there is something I am doing wrong here. I have tried setting the fixed / sticky positioning in a container div inside the section instead of on the section itself and still get the same odd behavior.
Any assistance is appreciated. I do not seem to get the same behavior in vanilla HTML/JS/CSS with the same basic CSS styling so I am unsure what the best fix is on weweb!
Played around with this today and published one of the templates available on weweb and was able to replicate my issue with the default navbar element.
Odd that the issue exists on native weweb templates but not on some production weweb applications made by users.
Spend a solid day trying to find a solution but haven’t come up with anything. If anyone has any ideas it would be appreciated!
I can, but if you just open a new project → load the default nav component, set it sticky to the top of the page and then try over scroll refresh on an iOS device you’ll get the same result.
We’ve tried even just a single colored div on a blank page / project. Result is still the same.
I don’t get the same issue on my iOS device using this section from Layout so unfortunately I cannot replicate your bug. You can send me your editor link or live app link and I will take a look
