[Bug] iPad Capacitor App: Layout Squishing on Foregrounding

[hessius]

Description

On iPad, the app layout breaks when moving from the background to the foreground.

Steps to Reproduce

1. Open the app on an iPad.
2. Move the app to the background.
3. Bring the app back to the foreground.

Actual Behavior

The column layout becomes "squished" and thin. It incorrectly maintains a two-pane view instead of switching to a single-column view appropriate for the distorted dimensions.

Workaround

Rotating the device to a different orientation and back fixes the layout.

Proposed Fix

Implement a listener for foreground events that re-triggers the canvas painting or CSS layout calculation.

[rorymc]

or possibly figure out what is incorrectly triggering to cause a bad re-rerender on foregrounding of the app..

[hessius]

or possibly figure out what is incorrectly triggering to cause a bad re-rerender on foregrounding of the app..

True. I remember having a similar issue with Cordova and with capacitor being its successor it might have inherited this behaviour. IIRC Cordova could end up with css and js reporting different dimensions (js correct). But yeah, agreed, primarily see if we can stop the behaviour