Since the new update of safari the offcanvas items not going 100% which creates an ugly thing. I tried using 100dvh or 100svh on the offcanvas .is-open class etc, but nothing seems to be working.
Anyone have a fix for this one? I appreciate it.
Haven’t fixt it, but this is what i would try:
dvh and svh are layout size depended, and Apple has this annoying habit of making their UI better visible. So when a button bar shows up, something changes (scrolling up or down adds bars)
I think (but don’t know for sure) this allows Safari to take space used by their UI (scrollbar, keys en address bar) to be excluded from the “screen size”.
I would try to force 100% to extend behind all of it. Without dynamic values to make it harder for them to take space away.
Maybe you can hide the things blocking the full screen.
Or style them according to your layout.
I tried all the vw heights, its not fixing the issue. Apples safari still in the bottom whatever I do.
Also the disable scroll on body not working anymore
I also tried some but seem unable to get rid of the apple stuff.
Think it’s better to learn to live with it. Maybe adjust the website so its better to look at as in the background.
It sort of can be done, but the way is extreme, and the question is how long before Apple “fixes” it.