Skip to content

Grid and TreeList Hidden Columns Break Keyboard Column Reordering #4669

@yanmariomenev

Description

@yanmariomenev

Description

When reordering columns left-to-right using keyboard shortcuts (e.g., Ctrl + Arrow keys) in the Grid or TreeList, hidden columns (hidden: true) break the expected behavior. The grid counts hidden columns internally, so moving a visible column right may result in no visible change, as it is placed after a hidden column.

Additionally, when reordering from left to right, the focus is kept correctly, but if you reorder from right to left, the first move causes the focus to be lost. https://stackblitz.com/edit/angular-chqwa9ir

Steps To Reproduce

Open the following example (treelist example) and try to move the Product Name column using ctrl/cmd + right arrow. Nothing will happen and the focus will be lost. But if you try to move Unit Price to the left, it will work.

Screenshots or video

Reordering with hidden columns:

Screen.Recording.2025-07-22.at.10.22.39.mov

Additional issue with reordering focus without hidden columns:

Screen.Recording.2025-07-22.at.10.26.38.mov

Browser

Chrome

Browser version

latest

OS type

MacOS

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions