We have uncovered a fairly serious bug in horizontal scrolling of igx-grid that will break the rendering of the grid. The only way to recover from this issue is to reload the page.
Here are the steps to reproduce:
In developer tools you will see uncaught errors similar to the following:ERROR TypeError: node is null scrollFocus zfowahrun-qroe--4200--ef0c375a.local-corp.webcontainer.io/vendor.js:112763 moveApplyScrollPrev zfowahrun-qroe--4200--ef0c375a.local-corp.webcontainer.io/vendor.js:112719 fixedUpdateAllElements zfowahrun-qroe--4200--ef0c375a.local-corp.webcontainer.io/vendor.js:112682If you don't see the errors, you may need to scroll the grid back to the left or play around with resizing the window. Eventually you will see them.
Back in the grid, if you start to scroll around you will see that the cells are no longer rendered correctly:
The cause of the problem is that IgxGridForOfDirective.moveApplyScrollPrev is calling scrollFocus with a null value when it is attempting to process a comment node.
Hello Lance,
Thank you for reporting this behavior and listing detailed steps!
I am able to reproduce it and as a result have logged it in our GitHub repository here.
Any concerns or questions that you have can be directly addressed in the issue, which will give you the opportunity to directly communicate with our development team.
In order to receive a notification whenever new information is available, please make sure that you are subscribed to the issue. This can be achieved via “Subscribe” button.
Also, please, feel free to log any issues you encounter in the future directly in the GitHub repo.
Please let me know if you need any further assistance regarding this matter.
Best regards, Bozhidara Pachilova Associate Software Developer
Forgot to include the screenshot of the stack trace