Broken CSS layout calculations in QPageContainer
0 reputation · 09 Mar 2023, 15:21 UTC
In Quasar Framework (Vue 3), the QLayout component relies on a specific hierarchy to calculate the height and scrolling behavior of the main content area. The QPageContainer is designed to wrap the router-view to ensure that QPage components receive the correct dynamic styling.
A design uncertainty arises when implementing deeply nested layouts or custom wrapper components between the QPageContainer and the QPage. If the QPage is not a direct or predictable descendant of the container, the automatic height calculations may fail to account for the header and footer offsets defined in the view prop.
Technical Constraints
- The
viewprop (e.g., 'lHh') dictates the spatial relationship between drawers and the page. - CSS calculations for
min-heightare applied dynamically to theQPage.
Does the QPageContainer maintain layout integrity if the QPage is nested inside a third-party wrapper component? What is the recommended structure to ensure height calculations remain accurate in complex nested routing scenarios?