[DURACOM-224] fix infinite scroll

(cherry picked from commit 2afa473cfb)
This commit is contained in:
Andrea Barbasso
2024-01-23 17:19:50 +01:00
committed by github-actions[bot]
parent 4aa3158f33
commit fde0ebf872
2 changed files with 7 additions and 2 deletions

View File

@@ -7,12 +7,12 @@
[formControl]="input" ngbAutofocus (keyup.enter)="selectSingleResult()"> [formControl]="input" ngbAutofocus (keyup.enter)="selectSingleResult()">
</div> </div>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<div class="scrollable-menu list-group"> <div id="scrollable-menu-dso-selector-{{randomSeed}}" class="scrollable-menu list-group">
<div <div
infiniteScroll infiniteScroll
[infiniteScrollDistance]="1" [infiniteScrollDistance]="1"
[infiniteScrollThrottle]="0" [infiniteScrollThrottle]="0"
[infiniteScrollContainer]="'.scrollable-menu'" [infiniteScrollContainer]="'#scrollable-menu-dso-selector-' + randomSeed"
[fromRoot]="true" [fromRoot]="true"
(scrolled)="onScrollDown()"> (scrolled)="onScrollDown()">
<ng-container *ngIf="listEntries$ | async"> <ng-container *ngIf="listEntries$ | async">

View File

@@ -141,6 +141,11 @@ export class DSOSelectorComponent implements OnInit, OnDestroy {
*/ */
public subs: Subscription[] = []; public subs: Subscription[] = [];
/**
* Random seed of 4 characters to avoid duplicate ids
*/
randomSeed: string = Math.random().toString(36).substring(2, 6);
constructor( constructor(
protected searchService: SearchService, protected searchService: SearchService,
protected notifcationsService: NotificationsService, protected notifcationsService: NotificationsService,