Feature: Prevent website behaviors in PWA #1

sortedcord · 2026-06-06T19:44:08+05:30

sortedcord commented

2026-06-06 19:44:08 +05:30

Summary

This PR prevents the following mobile browser behaviors on both Android and iOS devices:

Changes

Disable viewport zooming (pinch-to-zoom)
- Prevents users from zooming in or out using pinch gestures.
- Implemented by updating the viewport meta tag with:
```
maximum-scale=1.0, user-scalable=no
```
- Also adds the appropriate touch-action CSS rules, which disables double-tap-to-zoom behavior.
Prevent pull-to-refresh on Android
- Stops the browser's pull-to-refresh gesture.
- Implemented using:
```
overscroll-behavior-y: contain;
```

## Summary This PR prevents the following mobile browser behaviors on both Android and iOS devices: ### Changes - **Disable viewport zooming (pinch-to-zoom)** - Prevents users from zooming in or out using pinch gestures. - Implemented by updating the viewport meta tag with: ```html maximum-scale=1.0, user-scalable=no ``` - Also adds the appropriate `touch-action` CSS rules, which disables double-tap-to-zoom behavior. - **Prevent pull-to-refresh on Android** - Stops the browser's pull-to-refresh gesture. - Implemented using: ```css overscroll-behavior-y: contain; ```

sortedcord added 2 commits 2026-06-06 19:44:09 +05:30

feat: try disabling pinch to zoom in on phones 1195159c3d

feat: prevent pull to refresh on phones f2af73ac69