Cdk virtual-scroll inside mat-select for mat-option

Question

Has anyone been able to use virtual-scroll inside mat-select as shown below ?

Answer 1

The virtual scroll viewport needs a size in order to know, how big the scroll container must be. This can be done by specifying the [itemSize] property of and its height.

In your example the height of one item is 48px. If you want to show five items at once, the container size would be 5 * 48 = 240:

    
        
             
                {{state}}