feat (template): implement scrollToEnd

[gurachan]

the renderCallback in rxfor and rxVirtualFor is quite a transition to work with.. i can do scroll to bottom in rxfor but on rxVirtualFor its glitching out. because rxVirtualFor keeps calling renderCallback. I think thats by design I guess.

whats the proper way to scroll to bottom. using rxVirtualFor.

i just want to start from the bottom.

this.subs.add(this.itemsRendered.subscribe((data) => {
      this.viewport.scrollToIndex(this.items$().length)
     //or 
      //this.elementRef.nativeElement.scrollTo(0, this.elementRef.nativeElement.scrollHeight);
    }))

both buggy.. like this.elementRef.nativeElement.scrollTo(0, this.elementRef.nativeElement.scrollHeight); works but sometimes its almost there. like u need a bit more scroll to be considered bottom. but on rxfor works fine.

this.viewport.scrollToIndex(this.items$().length) is aggressive to use at rxVirtualFor callback i cant even scroll anymore.

[hoebbelsB]

hey @gurachan what is the desired outcome? Having an initial scroll index? I've just merged #1693 which introduces a new input initialScrollIndex to the virtual scroller. Will be available with the next template version.

Does this help u?

[gurachan]

hey @gurachan what is the desired outcome? Having an initial scroll index? I've just merged #1693 which introduces a new input initialScrollIndex to the virtual scroller. Will be available with the next template version.

Does this help u?

hmm the desire outcome is just to scroll at the bottom on initial load. ❤️ which your pr already solved.. ill just put 9999. I'm using it for logs.

[other desired outcome hmmm]

New boolean input to always scroll to bottom when the new data comes out?

• maybe this input can be customizable like if its initial or always.

[hoebbelsB]

what do you mean by always?

[gurachan]

what do you mean by always?

[scrollToBottom]="always" // when new data comes it scrolls to bottom automatically
[scrollToBottom]="initial"  // scroll to bottom once.

Or just make it boolean ignore initial..

[scrollToBottom]="true" // when new data comes it scrolls to bottom automatically

it will be nice if its built in.. for log type usages.

[hoebbelsB]

that's actually a good idea