PrimeNg (7.x) / P-TREE / 过滤器 / 双滚动条

Question

当我在 PrimeNg (7.x) p 树上添加过滤器属性时，它按预期工作，但我有一个双滚动条。

实现并不特殊

            <div class="row" *ngIf="formControls.wantThemes.value">
                <div class="col-4 app-notif-edit-label"></div>
                <div class="col-4 app-notif-edit-content">
                    <h4>Themes</h4>
                    <p-tree
                        [filter]="true"
                        class="app-notif-p-tree"
                        [value]="cmtyThemesTreeNodes"
                        [(selection)]="selectedCmtyThemesTreeNodes"
                        selectionMode="checkbox"
                        (onNodeSelect)="nodeSelectThemes($event)"
                        (onNodeUnselect)="nodeSelectThemes($event)"
                    >
                    </p-tree>
                </div>
            </div>

我已应用以下css来限制框的大小

.app-notif-p-tree .ui-tree {
color: $sinapseBlue;
display: block;
font-size: medium;
height: 100%;
margin: 2% auto;
max-height: 250px;
min-height: 250px;
overflow: auto;
white-space: nowrap;
width: 97%; }

如果我将溢出更改为隐藏，我将看不到列表的最后一个元素。

知道为什么吗？谢谢

Answer 1

我添加了 .app-notif-p-tree .ui-tree .ui-tree-container { height: 80%; }

PrimeNg (7.x) / P-TREE / 过滤器 / 双滚动条

PrimeNg (7.x) / P-TREE / Filter / Double scroll bar

primeng

primeng-tree