Goal
Convert specific columns in the DevIndex application Grid to be locked to the start and end edges, to validate the new multi-body horizontal scroll architecture with locked columns.
Context
This is a follow-up to the horizontal scroll synchronization implementation (Issue #9616). Currently, we have not tested how exactly the new architecture processes and aligns .neo-locked-start and .neo-locked-end cells dynamically against non-locked cells. Applying this inside the DevIndex testing grounds will expose any remaining logical gaps.
Implementation Plan
- Modify DevIndex GridContainer: Configure the first 3 columns (
#, Rank, User) to explicitly use locked: 'start'.
- Modify DevIndex GridContainer: Configure the last column (
Updated) to use locked: 'end'.
- Verify Layout & SCSS Adjustments: Ensure the locked columns visually dock correctly while allowing center columns to continuously translate via the
--grid-scroll-left native variable.
- Update Playwright E2E Tests: Expand assertions to measure physical locked bounds alongside free-scrolling center bounds.
Goal
Convert specific columns in the DevIndex application Grid to be locked to the start and end edges, to validate the new multi-body horizontal scroll architecture with locked columns.
Context
This is a follow-up to the horizontal scroll synchronization implementation (Issue #9616). Currently, we have not tested how exactly the new architecture processes and aligns
.neo-locked-startand.neo-locked-endcells dynamically against non-locked cells. Applying this inside the DevIndex testing grounds will expose any remaining logical gaps.Implementation Plan
#,Rank,User) to explicitly uselocked: 'start'.Updated) to uselocked: 'end'.--grid-scroll-leftnative variable.