ScaleManager ORIENTATION_CHANGE issue @ Chrome @ Android

[urueda]

Test device:

• Phaser version: 3.85.2, 3.86.0, 3.87.0, 3.88.2 and Dev Build (no issue @ 3.80.1)
• Chrome version: 133.0.6943.121
• Operating system: Android 12
• Sandbox: window-size streched earth picture

Test case:

• How-to: rotate mobile so orientation change happens between landscape/portrait
• Issue: canvas would not fit/resize into window bounds and earth-picture breaks
• Observations: scrollbars appear, moving scrollbars fixes the issue

Might be related ?:

• #6862 iOS displays autoCenter: Phaser.Scale.CENTER_BOTH in a way not consistent with results on android and on pc
• #6547 Orientation portrait => landscape bug on Coordinates

[FranciscoCaetano88]

I've encountered the same issue when updating Phaser to its latest version. It appears the problem starts with version 3.85.0 and continues in subsequent versions. To replicate the issue, I've used the Phaser 3 example at this URL in latest Chrome: https://labs.phaser.io/edit.html?src=src/scalemanager/resize.js&v=3.85.0
https://labs.phaser.io/edit.html?src=src/scalemanager/resize.js&v=3.90.0

To see the problem firsthand, open the developer console and switch the device orientation between landscape and portrait. The canvas element is expected to resize and fill its parent container, but it doesn't.

The expected behaviour at https://labs.phaser.io/edit.html?src=src/scalemanager/resize.js&v=3.80.0