Block page reloads when the global mutex is triggered

[callebtc]

The global mutex is defined in the uiStore (ui.ts).

Resources:
https://stackoverflow.com/questions/52342200/how-to-prevent-pull-to-refresh-in-pwa-progressive-web-apps
https://stackoverflow.com/questions/69261011/disable-pull-to-refresh-in-ios-15-safari#69589919

[novascreen]

Hi @callebtc
i'm trying to get my feet wet in this repo and looked at this issue.

Do you still want this to only happen when the mutex is locked? It looks like you added CSS to prevent pull-to-refresh at all times for Android/Chrome here

There seems to be a quick way to expand this to Safari by applying this:

html, body {
  overscroll-behavior: none;
}

(Sources: https://stackoverflow.com/a/78711166, https://www.matuzo.at/blog/2022/100daysof-day53)

Happy to make a PR for this change or make it conditional on when the mutex is locked.

[callebtc]

Hi @callebtc
i'm trying to get my feet wet in this repo and looked at this issue.

Do you still want this to only happen when the mutex is locked? It looks like you added CSS to prevent pull-to-refresh at all times for Android/Chrome here

There seems to be a quick way to expand this to Safari by applying this:

html, body {
  overscroll-behavior: none;
}

(Sources: https://stackoverflow.com/a/78711166, https://www.matuzo.at/blog/2022/100daysof-day53)

Happy to make a PR for this change or make it conditional on when the mutex is locked.

Hi! I think it could make sense to prevent reloads always since we have a reload button in the top right of the app. Let's try it?