Web App UI layout issues on Mobile when "Desktop Site" Mode is enabled

[TheRayGent]

Duplicate Check

• I have searched the opened issues and there are no duplicates

Describe the bug

I noticed here that if you turn on "Desktop site" from your phone on a site written in flet, the site stops displaying normally, and most often it doesn't load at all in the vertical position of the phone. It only works normally if you hold the phone horizontally. For example, the site https://gallery.flet.dev/todo/

Code sample

Code

[Paste your code here]

To reproduce

1. Enable on the site from the phone "Desktop site"

Expected behavior

No response

Screenshots / Videos

Captures

[Upload media here]

Operating System

Windows

Operating system details

Android 15

Flet version

?

Regression

I'm not sure / I don't know

Suggestions

No response

Logs

Logs

[Paste your logs here]

Additional details

No response

[ndonkoHenri]

Certainly a canvaskit weirdo.

Similar issues:

• Content is stretched when using canvaskit in Mobile Browsers flutter/flutter#159974
• [Web] UI is stretched on mobile browser when Desktop Site is on  flutter/flutter#136319

[TheRayGent]

Thanks for the help @ndonkoHenri. I didn't think to look at the issue in the flutter repository, but I tried to use html instead of canvaskit before, but the problem remained. It turned out that using flutter build web --web-renderer html the project is still built using canvaskit, but I guessed to use flutter build web --web-renderer html and everything worked. The problem is solved, but instead of stretching the screen now the site lags, but as far as I understand, there is no solution for this yet.