I´m using Constellation 24 and would like a feature to enable navigating through tables CELLs in the UI using the Arrow Key.
Read Only tables works fine.
We need the feature to work with Editable Table Lines.
Column with the Description are read-only, all others are Decimal Editable. When we use the arrows it increments the value within (by desing I presume) instead of the UI need to move around to other CELLs.
In Constellation, tables follow a keyboard pattern where arrow keys move between cells only when the cell itself is not in edit mode. When a column is read-only, the arrow keys move focus between cells as you expect. When the cell holds an editable decimal/numeric field, the control uses the arrow keys to increase or decrease the value, so focus does not move to other cells. There is no out-of-the-box switch today to change this behavior for editable table rows. The recommended usage is: use Tab and Shift+Tab to move between editable cells and use Enter/Esc to jump in and out of edit mode, in line with Pega’s keyboard navigation guidelines. If you absolutely need Excel-style navigation with arrows, you would have to build a custom DX/React component that handles key events and sets focus to the next cell manually. As a lighter workaround, you can change the control from “numeric/decimal” to a plain text input so arrow keys are not intercepted for increment/decrement, and then validate numeric input in a validate rule or on submit. For now this is effectively a product limitation, so it’s worth raising an enhancement request with Pega if this behavior is important for your business users.
@Sairohith I really appreciate the time you spent looking into the OOTB component and coming up with the smart plain-text workaround. We´re not looking to customize DX/React components at the time but will definitely try to raise and enhancement from Pega.