Move browser to a screen with different pixel density cause dart pad scale in Safari

[zhxst]

What happened?

The dart pad web page is scaled when I move the browser from MacBook screen to an external display, or vise versa. It was all right before Flutter 3.19. Safari 17.1 and Firefox 125.0.3 can reproduce this issue. Chrome looks fine.

Steps to reproduce problem

1. Open a Firefox or Safari with dartpad.dev .
2. Move the browser from MacBook display to an external display, or vise versa.
3. Click the page somewhere, or move the mouse cursor around. And the issue will appear.

On Firefox this issue is not stable, so try the steps above for serval times. Workaround is to refresh the page.

Additional info

Browser

Browser: Safari 17.1 Firefox 125.0.3

Are there any warnings or errors in your browser's JavaScript console? If so, paste them below:

No.

Machine

Operating system:

MacBook Air M1 macOS Ventura 13.6