search

valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.53k stars 1.69k forks source link

typeahead virtual scroll #6053

Open Shemesh opened 3 years ago

Shemesh commented 3 years ago

hi, in my typeahead i have lots of items. how do i add virtual scroll to the drop-down items list?

LemonyPie commented 3 years ago

@why-asia is it possible to detect if user scrolled to the end of elements list to load them from backend with offset?

Chealer commented 3 years ago

I am afraid that is not currently possible. In fact, even lazy loading is not supported, even by Typeahead.js.

Here is a definition of "virtual scrolling"

Shemesh commented 3 years ago

well @Chealer ... it is not built-in inside ngx typeahead component, but... with few tweaks i was able to achieve my goal! added my own optionsListTemplate and inside it wrapped the list with cdk-virtual-scroll-viewport it works perfectly well.

i just wish ngx typeahead would have this built in.