I know this issue has been brought up a number of times, and the generally accepted method of dealing with it is to add some code that causes the grid content height to be increased and the grid to scroll up. My situation is slightly different because we do not use the scrollbar, but instead, have the grid take up as much room as needed. The user then uses the browser's scrollbar to reach the bottom of the grid. We do, however, include pagination at the bottom.
So, I have tried using the approach where the sizing is changed as recommended. This gives me the height I need. There are two issues that have come up, though.
The first is that I am unsure when to add the focusout event handler. If I add it as part of the dataBinding or dataBound events on the grid, then I end up with this event being called multiple times if the user decides to resort the data in the grid, etc. If I add it during the $onInit method in my component (I'm using Angular), then it throws an error because there is no data in the grid. Where do you recommend adding this handler?
The second is that once an error has occurred, the additional space is now part of the grid. Do I really need to call another event handler to remove this space on the cancel or update events?
Here is the method I am using. It would help if I could find a way to streamline this, too, so that it only ran on the last row.
This would be a lot easier to use if there were only a way to ensure that the validation tooltip could be ABOVE the pagination. Then, no additional code would be needed.
Thanks for your help!