Hi Rob,
Thanks for contacting Syncfusion support.
We have analysed your query. We can achieve your requirement (Need to move the scroller while navigate TreeView node using keyboard navigation) in sample level. The Element.scrollIntoView() method scrolls the current element into the visible area of the browser window. We can use this method in TreeView keyPress event to achieve your requirement. Please refer the below code sample.
[Script]
$("#treeview").ejTreeView({ width: "100%", height: "100%", keyPress: function (args) { args.currentElement && args.currentElement.find("a.e-text")[0].scrollIntoView(false); //the bottom of the element will be aligned to the bottom of the visible area of the scrollable ancestor } }); |
For your reference, we have prepared a sample based on your requirement in the link: http://jsplayground.syncfusion.com/nvlj3uci
Please let us know whether the provided sample is helpful in achieving your requirement. If not, get back to us with more information for us to assist you.
Regards,
Piramanayagam R
[Script]
$("#tree1").ejTreeView({
showCheckbox: true,
allowEditing: true,
width: "100%",
height: "100%",
keyPress: function (args) {
args.currentElement && args.currentElement.find("a.e-text")[0].scrollIntoView(false); //the bottom of the element will be aligned to the bottom of the visible area of the scrollable ancestor
}
});
|
[Style]
.e-treeview.e-js {
overflow: visible;
}
|