Web UI: map and trips use different coordinate systems when browser window is wide

[GerdC]

To reproduce:
open the web UI like here https://api.transitous.org (any browser)

then make the browser window wide:

You see the map and trips rendered in different coordinate systems.

Tested and reproducible with Safari, Chrome, Firefox, Opera.

[felixguendling]

Can't reproduce. What does "wide" mean? Can you record a screen recording where we can see the steps to reproduce?

[GerdC]

Motis2.Web.UI.mp4

Often making the window wide is enough.
In the case of the recording, it was not, I refreshed the window after making it wide.

[felixguendling]

Thank you! It seems to be specific for Mac OS on wide screens which is not a setup I have. So currently, I can't reproduce and/or fix it. The code only uses standard stuff from maplibre + deck.gl, so probably the problem is somewhere there.

[derhuerst]

I can reproduce the glitching and the layer shifting. M2 MacBook Air, macOS 14.7.2, Safari 18.2, 3840x2160 with a scaling factor of 2.

motis-glitch.mp4