when trying to create a NavBar and a TitleBar and have scrollable content the NavBar and TitleBar still get squished and stretched when scrolling the content of the page even tho the y should reamin in a FIXED position. Also they get a offset off the screen while scrolling. This should not be happening. And i found no way around it in HTML specifically SvelteKit + TailwindCSS. Any help is appreciated 🙂
#overscroll stretching still apllied on elements with `position: fixed`
sour lotus
NavBar and TitleBar are exclusivly created in the frontend.
spare vale
Screenshots or it didn't happen 🙂
sour lotus
the first screenshot is how it is supposed to look and the second and third one show the overscroll strecth in action on the navbar and titlebar
spare vale
Ah, mobile. This sort of thing is a b*tch to handle. My best recommendation is playing with size constraints and overflows to ensure the page size doesn't cause the bar at the top to be counted towards your window size
sour lotus
i will try this out and then i will report my foundings 🙂
sour lotus
@spare vale i have found not much in the last days except for: https://github.com/ionic-team/capacitor/issues/5384, which suggests setting overscroll mode on the webview object (?). im not quite sure how to implement something similar with rust only. Do you have any suggestions?
sour lotus
HAHA fixed by wrapping the layout in a grid!