1. Feedback
  2. Angular
  3. 31703

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Focus lost after Searching in Grid with infiniteScroll enabled

Steps to reproduce:

- Create a Grid with infinite scroll enabled.

- Enable search toolbar (does also work if search is invoked with grid.search('xyz') externally

- Select an item (important)

- Select search input and input anything, if the search result is empty or the count of the new result is smaller than the index of the previous selected grid item, it will work as expected otherwise the focus on the search field will be lost and it will jump to the previous selected row.

I have provided 2 Stackblitz examples:

This one is with [email protected] which works as expected

https://stackblitz.com/edit/angular-px7rqp-nryc59?file=app.component.ts

This one is with [email protected] which doesn't work as expected

https://stackblitz.com/edit/angular-px7rqp-mqxnrj?file=main.ts


Since the search in the above examples doesn't yield results you have to search for anything first (result will be empty) and then clear the search filter and search again to reproduce the error

This error is particularly bad if "search on keystroke" is enabled since the focus of the input will be lost during writing