how to prevent refresh on a swipe-down

WEB TMS WEB Core
1

My app isn't properly 'responsive' yet, and when I'm looking at it in my phone and try to scroll something down that doesn't scroll, the browser interprets it as screen refresh (ie, F5 in Windows, or <command>-R in a Mac).

Is there some way to block this behavior? It causes my app to restart and you can't go back to where you were. I just want the swipe to be ignored if there's nothing to scroll.

(While I haven't seen this, it also concerns me that if I show a list that has fewer items than fit in the window, and someone tries to scroll by swiping, that might trigger a refresh as well, which is also not wanted.)

3

Maybe some of these could help

2 Likes
4

Depending on your mobile platform, you can also try and setup the page so that it can't be dragged at all using meta tags - try adding this to your Project.html file for example.

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

I haven't tried it, but another idea is to add a bit of CSS to your body tag.

body {
  touch-action:none;
}