Support Article
Page scrolls right on loading tab with grid which overflows
SA-97443
Summary
On loading a tab with a grid which overflows the Viewport the first time after log in, the screen loads to the right (page dynamically scrolls to the right).
Error Messages
Not Applicable
Steps to Reproduce
- Configure a table which overflows the Viewport.
- Enable Pagination format 1,2,3.. in the table's Cell properties.
- Load the table in the portal.
Root Cause
Default focus was enabled on the first clickable element of the dynamically loaded content. In this scenario, the first clickable element was the pagination links (1,2,3..) which was out of the Viewport. Hence, this page dynamically scrolled to the last column of the table.
Resolution
Perform the following local-change:
Add the below styles in the UserWorkForm to align the Pagination links to the left instead of right.
<style>
div[node_name="pyGridPaginator"] .pagination-links {
text-align: left;
}
</style>
Published January 2, 2020 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.