cursorPositionCallback gives odd results on mobile safari

[GJMontreal]

When a canvas is made resizable, at least on mobile safari, the cursorPositionCallback is no longer called and or reports incorrect values.
It's easy to see by just loading https://pongasoft.github.io/emscripten-glfw/test/demo/main.html. Zoom out so the page fits the screen and the callback ceases to be called.

[ypujante]

Is there any message in the console (I don't know if you can get access to the console on Mobile safari)?

[GJMontreal]

In fact I'm doing a little more experimenting and it seems the callback is only called if the canvas is larger than the device's view.
It's only when the containing page scrolls that the callback happens. I'll try and put something together to demonstrate this a bit more clearly.

If you've got a mac it's easy enough to launch a device simulator from safari and get access to the console that way. There are no messages I can see, besides what I put into the cursor callback to try and track the x and y pos.

[ypujante]

I do have a mac but never use Safari. Can you explain how to "launch a device simulator from safari and get access to the console that way"?

[GJMontreal]

First, this is not a bug, but a difference in behaviour between using USE_GLFW=3 and --use-port=contrib.glfw3
It's a mobile device; they're touch events not mouse events 🤦
I'll look through the old js to see how it was working. In the meantime I'll create mouseevents from touchevents.

As for safari:
Go to Settings->Advanced and enable "Show Features for Web Developers". It's at the bottom.
Now you'll have a "develop menu". From there you can open a page on a specific device: simulated or real.
Once the device is connected/running they're be a further option next to that device's name in the menu

[ypujante]

Thank you very much for providing the description.

It is true that I have never tried the code on a touch device because I am on mac and I wasn't writing an app. That being said, if the other implementation supports touch events I should be able to add this behavior to this library as well.

I will investigate and try to add it if I can.

[GJMontreal]

Sure enough touches are being handled in the javascript.
It looks like listeners have been added for all the touch events that then call the equivalent mouse callback

[ypujante]

I have implemented full touch support with the latest release.

[GJMontreal]

Thanks Yan, I'm a little confused as to how to use this specific version with emscripten ports option. I can see that when I use embuilder it grabs 3.4.0.20250117. How do I get it to use 3.4.0.20250209 ?

…

On Sun, Feb 9, 2025 at 1:08 PM Yan Pujante ***@***.***> wrote: I have implemented full touch support with the latest release <https://github.com/pongasoft/emscripten-glfw/releases/tag/v3.4.0.20250209> . — Reply to this email directly, view it on GitHub <#15 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AD4NEPRFXJUPX5UILIXA4NT2O6KRLAVCNFSM6AAAAABVJWUEKSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMNBWGQ2DGMJYGY> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[ypujante]

The changes have been merged to Emscripten, but the latest version of Emscripten has not been released yet. It is explained in this section of the README file:

If you want to use the latest version right away without having to wait until the latest version of Emscripten is released, you can copy the file emscripten-glfw3.py in your project and use it directly: --use-port=<path_to>/emscripten_glfw3.py (instead of --use-port=contrib.glfw3)

[GJMontreal]

Thanks Yan, That did the trick. I had seen the note in the readme but didn't understand that it was in fact referring to the path. My mistake.

…

On Mon, Feb 10, 2025 at 9:47 AM Yan Pujante ***@***.***> wrote: The changes have been merged to Emscripten, but the latest version of Emscripten has not been released yet. It is explained in this section of the README <https://github.com/pongasoft/emscripten-glfw/blob/master/README.md#note-about-availability-in-emscripten> file: If you want to use the latest version right away without having to wait until the latest version of Emscripten is released, you can copy the file emscripten-glfw3.py <https://github.com/pongasoft/emscripten-glfw/blob/master/port/emscripten-glfw3.py> in your project and use it directly: --use-port=<path_to>/emscripten_glfw3.py (instead of --use-port=contrib.glfw3) — Reply to this email directly, view it on GitHub <#15 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AD4NEPTCGYZSVQYPCWAO6T32PC3XXAVCNFSM6AAAAABVJWUEKSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMNBYGIZDEOJUHE> . You are receiving this because you authored the thread.Message ID: ***@***.***>