Merge pull request #2768 from 4Science/DURACOM-224

Fix infinite scroll
This commit is contained in:
Tim Donohue
2024-04-19 10:42:45 -05:00
committed by GitHub
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

@@ -172,6 +172,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,