Support Article
Grid becomes Read only on click of scroll bar
Summary
Repeating grid is configured with multiple columns and the inline edit mode is set to Click Row to edit.
On clicking a row, a record is editable. However, on clicking the scrollbar to enter data in the last column, the row switches to read only.
Error Messages
Not Applicable
Steps to Reproduce
- Create a repeating grid with multiple columns.
- In the Operations Tab, set inline edit mode to Click Row to edit.
- In the Presentation tab, set Width of Content to 'Pixels (Fit Content).
Root Cause
This behavior is as per Pega product design.
Resolution
Here's the explanation for the reported behavior:
The editable row switches to the read-only mode while dragging and releasing the scrollbar outside the grid container.
The grid presentation is configured as fixed (in pixel) with 1000px. It is recommended to provide the width dimension as 1200px to avoid the white space which is present to the right side of the table.
This is an expected behavior as the editable row can be edited as long as the focus is on the row and once the focus is lost, it switches to the read-only mode.
Developer Tools display the events that are triggered by the browser when the scrollbar is dragged and released in the grid area and when the mouse control is released outside the scrollbar length. In the latter, focus out or blur event is triggered due to which the editable grid switches to read-only.
This works correctly when scrolling and releasing the mouse or dragging over the scrollbar.
Thus, the events captured and triggered while scrolling or dragging the scrollbar are browser related and the same cannot be controlled from the browser.
Published September 20, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.