ng-zorro的树选择nz-tree-select设置虚拟滚动的总高度和搜索隐藏未匹配的节点后显示有问题

前言

在使用树选择nz-tree-select组件时设置了可以搜索的功能，并且添加了nzHideUnMatched="true"参数，在添加参数nzDropdownStyle="300px"后发现搜索后的数据显示有问题，搜索的数据没有直接显示在下面，如图所示

总结

查找发现是nzDropdownStyle="300px"设置固定高度会导致搜索出的数据在原先位置，需要滑动才能查看到，解决方法修改成[nzDropdownStyle]="{ 'max-height': '300px' }"，修改后代码如下

<nz-tree-select name='deptId' nzPlaceHolder="请选择" [nzNodes]="nodeTrees"
              nzShowSearch [(ngModel)]="deptId"
              nzHideUnMatched="true" [nzAllowClear]="false"
              [nzDropdownStyle]="{ 'max-height': '300px' }">
</nz-tree-select>