On initial load, the CSS variable --docs-global-nav-height is sometimes calculated incorrectly on mobile devices (for example: 2571.65625px). After a page reload, the value is recalculated correctly and the layout works as expected.
Steps to reproduce:
Open the docs on a mobile viewport/device
Observe the incorrect --docs-global-nav-height value on first render
Reload the page
Notice the value is recalculated correctly
Potential area to investigate:
Timing/layout measurement during initial render
Mobile navigation hydration/render lifecycle
Resize observer or effect execution order
On initial load, the CSS variable --docs-global-nav-height is sometimes calculated incorrectly on mobile devices (for example: 2571.65625px). After a page reload, the value is recalculated correctly and the layout works as expected.
Steps to reproduce:
Open the docs on a mobile viewport/device
Observe the incorrect --docs-global-nav-height value on first render
Reload the page
Notice the value is recalculated correctly
Potential area to investigate:
Timing/layout measurement during initial render
Mobile navigation hydration/render lifecycle
Resize observer or effect execution order