[bug, site, runtime] Strange bugs on iPad OS (iOS) 15

[aduros]

[bug, site, runtime] Strange bugs on iPad OS (iOS) 15

[aduros]

Does adding -webkit-tap-highlight-color: transparent to styles.css help with the blue highlight?

[eXponenta]

* {
   user-selected:none;
   -webkit-tap-highlight-color: transparent
}

Should fix this. We anyway not required a select anything in player.

Because we not only highlights a taps, but and not prevent ling tap selection.
For mobile this vibro in chrome when you hold finger on canvas, for Safari this produce a selection markers around it.

then for pinch-zoom is embed player we should prevent a wheel event.
For fixing a overscrolling and reloading by swipe down i not know a easy solution instead of fixing a body by position:fixed and allow to scroll internal container without bouncing effect.

For compensate a fullscreen in iOS we can open game in new tab or fit iframe to full screen size, scroll out header and lock scrolling untill back navigation, or add cross button that will unlock.

[eXponenta]

Then on iPad OS it is prefixed
webkitRequestFullscreen()
https://github.com/aduros/wasm4/blob/main/runtimes/web/src/index.js#L167

[aduros]

Sounds good, can you please open a PR with these small tweaks?

Let's not do the workaround for image-rendering: pixelated since it'll be too complicated. Looks like it's already fixed in webkit, so hopefully it'll be in iOS 15.1.

About the downward swipe reload and other browser gestures, I thought that was disabled with event.preventDefault() which we call in the touch handler. Maybe it's not working for some reason?

[eXponenta]

About the downward swipe reload and other browser gestures, I thought that was disabled with event.preventDefault() which we call in the touch handler. Maybe it's not working for some reason?

For Safari looks like it not working as should.
And then, preventing a touch prevent any scrolls, because preventing needed apply on runner holder page, not on runner.

[eXponenta]

Let's not do the workaround for image-rendering: pixelated since it'll be too complicated. Looks like it's already fixed in webkit, so hopefully it'll be in iOS 15.1.

Safari 15.1 will be shipped maybe about December, but anyway a lot of devices still will be on iOS14 that cannot be upped onto Safari 15.