Encountering issues loading tetr.io on Linux+webkitgtk

[huantianad]

Hello, I'm attempting to make a simple desktop app wrapper for the site https://tetr.io. However, loading the site in a tauri results in some strange graphical issues, as well as a critical issue of the game not loading at all 😅. I'm unable to reproduce this issue in Epiphany, so I'm not sure where the issue lies. Any help would be appreciated! I've tried this on stable tauri as well as 2.0.0-alpha.21.

Epiphany: (how it should look)

Tauri: (notice the issues with the CSS on the title bar and player counters. The game also is unable to finish loading, the Loading SFX that does not complete in the bottom right hand corner.

[FabianLars]

Are there any warnings in the terminal or the devtools console?

[huantianad]

I did check dev tools, but I completely missed the gstreamer missing elements errors in terminal 🤦, now the game does load!

It seems the other graphical errors have to do with improper scaling, which I'm not sure how to fix, I'd assume there's some sort of setting I'm missing?

Correct on Epiphany:

Incorrect on Tauri:

[FabianLars]

improper scaling is a known issue (#8602 for example). i don't know how to fix that yet though.

[huantianad]

Interesting, I also did see these bug reports about scaling. However, in those cases I usually saw that Epiphany also had those scaling issues too! So when I saw that I didn't get those issues in epiphany, I wondered if I missed something on the tauri side.