I have a scrollable page and a drawer. When the drawer is open (which is not scrollable) I noticed that when I do a scroll touch - from bottom to top or top to bottom, the safari url/search bar appears/disappears and this breaks my layout. I tried having overflow:hidden and touch-action:none on body when the drawer is open, but this doesn't work on Safari. The only solution I found is setting the html overflow to hidden, but this makes the page behind the drawer to reset the scrolling position (0,0).
Is there any solution to keep the current scroll position while disabling this annoying effect?