Problem
In the new Multi-Body Grid architecture, horizontal scrolling is currently broken due to cell clipping.
.neo-grid-row applies contain: strict and inherits the viewport width. Cells positioned with absolute left values beyond the viewport width are physically culled (clipped) by the browser. - The decoupled
HorizontalScrollbar is currently invisible. It lacks proper dimensions and SCSS styling.
- The horizontal sync relies on the
HorizontalScrollbar which isn't updating its inner content scaling dynamically to match the actual virtual width of columns in the Center SubGrid.
Solution
- Remove generic
width: 100% and apply the true virtual width of all active columns to .neo-grid-body-content. This ensures .neo-grid-row fully encompasses all cells, allowing them to render without triggering the contain: strict culling.
- Introduce
resources/scss/src/grid/HorizontalScrollbar.scss to natively define overflow-x: auto; flex: none;.
- Update
Container.mjs and Body.mjs to feed the exact virtualWidth calculated by the HeaderToolbar into horizontalScrollbar.contentWidth, properly scaling the track thumb.
Problem
In the new Multi-Body Grid architecture, horizontal scrolling is currently broken due to cell clipping.
.neo-grid-rowappliescontain: strictand inherits the viewport width. Cells positioned with absoluteleftvalues beyond the viewport width are physically culled (clipped) by the browser.HorizontalScrollbaris currently invisible. It lacks proper dimensions and SCSS styling.HorizontalScrollbarwhich isn't updating its inner content scaling dynamically to match the actual virtual width of columns in the Center SubGrid.Solution
width: 100%and apply the true virtual width of all active columns to.neo-grid-body-content. This ensures.neo-grid-rowfully encompasses all cells, allowing them to render without triggering thecontain: strictculling.resources/scss/src/grid/HorizontalScrollbar.scssto natively defineoverflow-x: auto; flex: none;.Container.mjsandBody.mjsto feed the exactvirtualWidthcalculated by theHeaderToolbarintohorizontalScrollbar.contentWidth, properly scaling the track thumb.