Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
605
How to prevent column-virtualized grid from horizontal scrolling back to the first column when the grid gets focus?
posted

We have noticed a severe problem in the grid when columns are virtualized: if the user scrolls the grid horizontally, selects a cell, then does something to take the focus off of the page the grid is on, when they return to the grid the columns are automatically scrolled all the way back so that the first column is displayed.

This can be reproduced in a variety of ways, including just switching to any other application in your desktop. I frequently see this when I switch to the browser DevTools window, for example.

However, this behavior does not occur when a cell is in edit mode.

This behavior will cause significant issues for our users because they are constantly checking other applications or pages to compare information on the grid and losing their place in the grid will cause them to reject using the application.

In addition, we have implemented some functionality where we popup small windows for better viewing or interaction with the row data (such as a multi-line text editor). When these editors close, the grid always scrolls completely to the left.

How can we prevent this automatic scrolling?

Parents
No Data
Reply
  • 275
    Offline posted

    Hi Lance,

    May I ask which version of Ignite UI for Angular are you currently using, because from what I can see this issue has been addressed in version 10.2 and up. 

    Here's the latest version that our examples use where you can try this on as well, I've just increased the column size a bit so a horizontal scrollbar will be easier to display:
    https://stackblitz.com/edit/github-mslmae

    Regards,
    Svetoslav

Children