Full screen scrolling on load
-
Subject: App Builder: app_fullscreen:true in metadata but not honoured on page load
Hello,
I am using the App Builder (app_id=25) to display a membership table with 351 rows on a WordPress/Divi 5 page.
The fullscreen mode works perfectly — sticky headers, vertical scrollbar, all rows accessible. However I need this behaviour on page load without requiring the user to toggle fullscreen manually.
Here is what I have found through diagnostics:
- The app metadata already contains “app_fullscreen”: true, which suggests the app knows it should be in fullscreen mode.
- When fullscreen is toggled, WPDA adds the class pp-fullscreen to the body element. However adding this class manually via JavaScript on page load does not reproduce the fullscreen behaviour — the React app manages its own internal state independently.
- All ancestors of .MuiTableContainer-root have overflow: visible and no height constraints on initial page load. The fullscreen toggle is what applies the necessary height constraints for scrolling to work.
- The .MuiPaper-root.pp-table parent has overflow-y: hidden on page load, which gets corrected when fullscreen is activated.
My request is twofold:
First, could you add a “Start in fullscreen mode” option to the App Builder settings? This would allow the app to initialize in fullscreen state on page load.
Second, if this is a bug where app_fullscreen: true in the metadata should already be causing the app to initialize in fullscreen mode, could you investigate?
Thank you for your excellent plugin and responsive support.
Gaetan Godin
Godin London Incorporated
PS. When I set the user density option and the user clicks it, it gives me the proper behaviour. I would like that to happen on loading the page, without the need to toggle.The page I need help with: [log in to see the link]
You must be logged in to reply to this topic.