LiveCode HTML5 on iPhone – stack always cropped

[guylouis]

LiveCode HTML5 on iPhone – stack always cropped

Hello,

I have a LiveCode HTML5 app served from a local server (for example:
http://192.168.1.51:8001/BridgeCalc.html).

On iPhone (Safari), the stack is always cropped/truncated at startup:

Part of the interface is outside the visible area.
This happens at every launch.

Reloading does not fix it.

iPad and desktop browsers display correctly.

Local storage works, so this is not a preferences issue.

The HTML page already includes a viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">

What is the recommended way to ensure that a LiveCode HTML5 stack is fully visible (correct scale, no cropping) on iPhone at startup?

Is screenRect reliable in HTML5 on iPhone, or should the viewport size be obtained via JavaScript before setting scaleFactor?

Any best practice or minimal working example would be appreciated.

Thanks.