Skip to content

fix(react-stately): set allowOverflow on TableLayout nodes for sticky columns - #10528

Open
sundeep8967 wants to merge 2 commits into
adobe:mainfrom
sundeep8967:fix/table-layout-sticky-column-overflow-10518
Open

fix(react-stately): set allowOverflow on TableLayout nodes for sticky columns#10528
sundeep8967 wants to merge 2 commits into
adobe:mainfrom
sundeep8967:fix/table-layout-sticky-column-overflow-10518

Conversation

@sundeep8967

Copy link
Copy Markdown

Description

TableLayout exposes isStickyColumn() as a protected extension point to configure sticky columns. While overriding it sets LayoutInfo.isSticky and maintains persisted indices, TableLayout previously never set LayoutInfo.allowOverflow = true on its layout nodes.

As a result, in VirtualizerItem (layoutInfoToStyle), sticky column cells were clipped and offset by parent scroll coordinates rather than remaining visually pinned in the viewport during virtualized horizontal scrolling.

Solution

Updated TableLayout.ts across buildTableHeader, buildHeaderRow, buildColumn, buildRow, and buildCell to set allowOverflow = true, bringing TableLayout in line with sibling layouts (ListLayout, GridLayout, WaterfallLayout).

Fixes #10518

sundeep8967 and others added 2 commits August 28, 2026 17:46
… columns

Fixes adobe#10518 by setting allowOverflow = true across TableLayout nodes
(header, headerrow, column, row, cell), ensuring that columns marked
as sticky via isStickyColumn() are not clipped during virtualized scroll.

Signed-off-by: sundeep8967 <sundeep8967@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

TableLayout.isStickyColumn() never sets allowOverflow, so a sticky column can't actually stick during virtualized horizontal scroll

1 participant