Support Article
Scroll Bar gets invisible on UI When Error is displayed
SA-5418
Summary
The application screen has a grid. On adding multiple rows to the grid the page gets a scroll.
On a subsequent submit and validation failures, the pageSet Messages appear.
Now, if User deletes any row in the grid, the UI is getting jumbled up. Scroll disappears, Submit button is observed in the middle of the screen.
Error Messages
N/A (but Scroll Bar Disappears)
Root Cause
When we fire any AJAX request (in this case deleting a row in the grid), the clearErrorTables is removing the error messages from the DOM. Once the response is received, the messages are set again.
This is causing the screen to get jumbled up.
Resolution
Issue is resolved by below local change:
Override pega.u.d.cancelClearErrorTables boolean.
This can be achieved by using a non-autogenerated section and including it below the section containing the grid control.
<script>
pega.u.d.cancelClearErrorTables=true;
</script>
Published January 31, 2016 - 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.