On firefox scale window work incorect

[allkhor]

Describe the bug
On Firefox scale window work incorrect. Regression from #70

To Reproduce
Steps to reproduce the bug:

1. Open site https://gdquest.github.io/learn-gdscript/ in Firefox.
2. Change Firefox window size.
3. Look how windows it's scaled.

Screenshots

Information about your device (please complete the following information):

• Xubuntu 16.04.7 LTS
• Firefox 88.0.1

[YuriSizov]

Do you experience the same behavior in other browsers on that system? Pretty sure @Xananax is using Firefox and he tested that the scaling worked correctly on Linux.

Also, which size is your window there?

[NathanLovato]

I can confirm the issue, this happens especially when using Super RMB to scale the window interactively. It's something I don't do much with browsers so I didn't catch it when reviewing the PR.

[NathanLovato]

@Xananax it seems the flex display with an absolute position at (0,0,0,0) on firefox forces the image to stretch to the browser's edges.

[allkhor]

This not happen on Google Chrome browser on the same system.
You can reproduce with Firefox Response Design Mode(Ctrl+Shift+M).

[NathanLovato]

Yes, it's specific to Firefox.

[Th-eo]

Happens to me as well, just to provide some info. If you F11 (Fullscreen) it is alright. Surprisingly enough, this is recent. I played the Demo on Firefox a few days ago and I never noticed this.

[NathanLovato]

This is due to the new resizing code Xananax wrote to make the app scale much better on many devices. The thing is, browsers render the same HTML/CSS differently (which is always a pain). Despite testing, we didn't catch this issue in FF and just need to find a way to make scaling work there.

[YuriSizov]

Should be good now, but it wasn't deployed yet, so no changes on the live website yet!