I am having an issue when we have a large grid with more rows that will fit on the screen. So then there is a vertical scrollbar in the browser. My page has a header on it above the grid. When I tab in a row, the page automatically scrolls to have the table/grid as the top of the page.
I was able to track this down in the full web file to a function that is called when the cell is edited. The function is focusTable. When called there is code to set the table position and this is causing the auto scrolling. Is there anyway to disable this?
I was able to track this down in the full web file to a function that is called when the cell is edited. The function is focusTable. When called there is code to set the table position and this is causing the auto scrolling. Is there anyway to disable this?
1 Answer, 1 is accepted
0
Hello Don,
The observed behavior is determined by the browser - for example, Internet Explorer always scrolls the page, so that focused elements are fully visible, or if this is impossible, their top edge is aligned with the top edge of the browser viewport.
I am not sure which Kendo UI version you are using, but we have made improvements to the Grid keyboard navigation, so upgrading to Q1 2013 is recommended. There are still some issues related to in-cell editing, which are to be addressed.
Removing the focus (focusTable) will prevent the Grid's keyboard navigation from working. A possible workaround is to save the page scroll position periodically and restore it when the Grid receives focus (subscribe to the Grid <div>'s focus event). However, I don't recommend this approach as it may cause visible flickering. Generally, every browser scrolls automatically, so that a focused element becomes visible. I can also recommend reducing the Grid height, so that the widget fully fits on the majority of users' screens.
Regards,
Dimo
the Telerik team
The observed behavior is determined by the browser - for example, Internet Explorer always scrolls the page, so that focused elements are fully visible, or if this is impossible, their top edge is aligned with the top edge of the browser viewport.
I am not sure which Kendo UI version you are using, but we have made improvements to the Grid keyboard navigation, so upgrading to Q1 2013 is recommended. There are still some issues related to in-cell editing, which are to be addressed.
Removing the focus (focusTable) will prevent the Grid's keyboard navigation from working. A possible workaround is to save the page scroll position periodically and restore it when the Grid receives focus (subscribe to the Grid <div>'s focus event). However, I don't recommend this approach as it may cause visible flickering. Generally, every browser scrolls automatically, so that a focused element becomes visible. I can also recommend reducing the Grid height, so that the widget fully fits on the majority of users' screens.
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!