Touch input is off on Y axis on WASM export

[jaminhaber]

Bevy version

[dependencies]
bevy = "0.12.0"
bevy_embedded_assets = "0.9.1"
rand = "0.8.5"
wasm-bindgen = "0.2.88"

Relevant system information

• the Rust version you're using (you can get this by running cargo --version)
  • cargo 1.73.0 (9c4383fb5 2023-08-26)
• the operating system or browser used, including its version
  • MacOS Sonoma 14.1.1 (23B81)
• Browser: Chrome

What you did

I get the position of a touch like this:

 let just_pressed = touches.iter().find(|t| touches.just_pressed(t.id()));
 let touch_pos =  just_pressed.unwrap().position();
 println!("touch at ({},{})", touch_pos.x, touch_pos.y);

then build using this script

APP_NAME="sokoban"
cargo build --release --target wasm32-unknown-unknown
wasm-bindgen --out-dir 'out/webgl' --target web "target/wasm32-unknown-unknown/release/${APP_NAME}.wasm"
open "out/webgl"

What went wrong

touching the top right of the screen (640x480) produces the coordinates (19,218)

You can experience this by trying to press the buttons on the live version of the game on my website while using the mobile emulator for chrome.... You will have to tap about half way up the screen in order to press the buttons on the menus.

Additional information

The coordinates are off by about half the screen height, maybe it has to do with the grid originating from the middle of the screen rather than the top?

[daxpedda]

This was probably fixed way back in rust-windowing/winit#2704.
Cc #8745.

[jaminhaber]

@daxpedda Is that fix included in the packages listed in the report? if not, how can i update to get that?

[daxpedda]

It's part of Winit v0.29.
If you are using Bevy you can try #10702.

[jaminhaber]

@daxpedda will this be merged into bevy main? I can wait until then

[daxpedda]

I was just commenting because I help maintain Winit. I'm not a contributor/maintainer/member of Bevy!

[ThierryBerger]

@daxpedda will this be merged into bevy main? I can wait until then

Hey, I hope so! I believe #10702 is nearing completion.

I've got 1 item on my todo, which should not impact API usage, I'm very interested in having more fresh-eyes reviews :)

[alice-i-cecile]

This looks like a duplicate of #9071; is it?

[daxpedda]

Indeed, it does look like that to me.