Commits

Tim Donohue authored and GitHub committed e96ca2f59dd Merge
Merge pull request #2768 from 4Science/DURACOM-224

Fix infinite scroll
No tags
gidlmaster

src/app/shared/dso-selector/dso-selector/dso-selector.component.html

Modified
1 1 <div class="form-group w-100 pr-2 pl-2">
2 2 <input type="search"
3 3 class="form-control"
4 4 (click)="$event.stopPropagation();"
5 5 [attr.aria-label]="'dso-selector.placeholder' | translate: { type: typesString }"
6 6 placeholder="{{'dso-selector.placeholder' | translate: { type: typesString } }}"
7 7 [formControl]="input" ngbAutofocus (keyup.enter)="selectSingleResult()">
8 8 </div>
9 9 <div class="dropdown-divider"></div>
10 -<div class="scrollable-menu list-group">
10 +<div id="scrollable-menu-dso-selector-{{randomSeed}}" class="scrollable-menu list-group">
11 11 <div
12 12 infiniteScroll
13 13 [infiniteScrollDistance]="1"
14 14 [infiniteScrollThrottle]="0"
15 - [infiniteScrollContainer]="'.scrollable-menu'"
15 + [infiniteScrollContainer]="'#scrollable-menu-dso-selector-' + randomSeed"
16 16 [fromRoot]="true"
17 17 (scrolled)="onScrollDown()">
18 18 <ng-container *ngIf="listEntries$ | async">
19 19 <button class="list-group-item list-group-item-action border-0 disabled"
20 20 *ngIf="(listEntries$ | async).length === 0">
21 21 {{'dso-selector.no-results' | translate: { type: typesString } }}
22 22 </button>
23 23 <button *ngFor="let listEntry of (listEntries$ | async)"
24 24 class="list-group-item list-group-item-action border-0 list-entry"
25 25 [ngClass]="{'bg-primary': listEntry['id'] === currentDSOId}"

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut