(Mobile) Horizontal overflow caused by local GeoGebra interactive makes bottom nav bar wider than viewport

[christian-chavez]

Summary

On the page below, a local GeoGebra interactive embedded via PreTeXt causes horizontal overflow on mobile. This makes the fixed bottom navigation bar render wider than the viewport. If the GeoGebra block is commented out, the page no longer overflows and the nav bar behaves normally. By the way, I'm using the Salem theme.

Affected page

https://relcalc.espaceweb.usherbrooke.ca/rel-AL/web/S-1-2-Produit-scalaire.html
(See around Figure 1.2.32, projection) This is an example, but the issue happens in all other places with geogebra interactives.

Reproduction steps

1. Open the affected page on a mobile device.
2. Scroll to the GeoGebra interactive (Figure 1.2.32).
3. Observe horizontal scrolling / blank horizontal space.
4. Observe bottom nav bar becomes wider than the viewport.

Control test: Commenting out the GeoGebra block removes horizontal overflow and the bottom nav returns to normal width.

Expected

No horizontal overflow; bottom nav bar width matches the viewport.

Actual

The GeoGebra embed causes horizontal overflow. Page becomes horizontally scrollable and the fixed bottom nav bar becomes wider than the viewport.

Environment

• PreTeXt CLI: 2.36.0
• Python: 3.14.2
• Device: Samsung Galaxy A36, Android 16. Or, any emulator of a mobile phone on a web browser.
• Mobile browsers tested: Firefox (reproduces), Chrome (reproduces)
• iPhone Safari: page failed to load (not sure if related, but mentioning)

PreTeXt source snippet

<figure xml:id="fig-projection">
  <caption>
    La projection d'un vecteur <m>\vv</m> sur un vecteur <m>\vu.
  </caption>
  <interactive xml:id='projection'
         platform='geogebra'
         width='115%' aspect='1.37:1'
         halign='center'
         shift-drag-zoom='yes'>
    <slate surface='geogebra'
            source='Geogebra/projection.ggb'
            aspect='1.4:1'/>
  </interactive>
</figure>

See attached image/gif

This is the same page without the interactive that contains the geogebra file:

Additional reproduction note

• The GIF was recorded using desktop browser device emulation (Firefox DevTools). The same behavior reproduces on a physical device.

[rbeezer]

Thanks, @christian-chavez for the careful report.

I wonder if @ascholerChemeketa has any thoughts about how to address this.

[ascholerChemeketa]

This particular case (interactive causing the whole page to widen and scroll sideways) was fixed in the recent interactives update. Now just the Geogebra would scroll sideways instead of the whole page. @christian-chavez That update has not reached the pretext-cli yet, but should soon.

I will go check out the broader issue of what happens with the navbar in mobile when there is extra wide content.