How to automatically scroll to bring a selected item into the view in Blazor ListView

Answer:

We can achieve this requirement at the sample level using JS Interop. Refer to the below code snippet.

public void Click()

{

// Select the listview items using selectItem method.

this.list.SelectItem(new DataModel { Id = "list-085" });

// call the JS function to move the scroller position.

JSRuntime.InvokeAsync("ListView");

}



Find the sample to automatically scroll to bring a selected item into the view in Blazor ListView from here.

Loader.
Up arrow icon