ag-admin
/
OpenSlides
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #5550 from tsiegleauq/vscroll-selector-component 

Add virtual scrolling for search value selector
This commit is contained in:
Emanuel Schütze 2020-09-17 16:48:12 +02:00 committed by GitHub
parent 855db8241b eb98289b84
commit e8e39b1e89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/app/shared/components/search-value-selector/search-value-selector.component.html
View File

@ -34,7 +34,9 @@
</mat-option>
<mat-divider></mat-divider>
</ng-container>
<mat-option *ngFor="let selectedItem of getFilteredItems()" [value]="selectedItem.id">
{{ selectedItem.getTitle() | translate }}
</mat-option>
<cdk-virtual-scroll-viewport class="vscroll-viewport" minBufferPx="200" maxBufferPx="300" [itemSize]="50">
<mat-option *cdkVirtualFor="let selectedItem of getFilteredItems()" [value]="selectedItem.id">
{{ selectedItem.getTitle() | translate }}
</mat-option>
</cdk-virtual-scroll-viewport>
</mat-select>

5
client/src/app/shared/components/search-value-selector/search-value-selector.component.scss
View File

@ -28,3 +28,8 @@
display: block;
text-align: left;
}
.vscroll-viewport {
height: 200px;
display: block;
}