angular - ダイアログで非表示になっている PrimeNG ドロップダウン

Question

PrimeNG コンポーネントを使用する Angular2 アプリがあります。

ダイアログボックス内にドロップダウンが必要です。ただし、これを実装すると、下のスクリーンショットに示すように、ドロップダウンがダイアログ ボックスの制限によって切り取られます。私が望むのは、ダイアログの上に表示され、すべてのオプションが表示されるようにすることです。

これは小さなダイアログに過ぎず、空の未使用スペースがたくさんあるので、大きなダイアログを作成したくありません。

このための私のhtmlコードは次のとおりです。

<p-dialog header="Repack" [(visible)]="display" showEffect="fade" minHeight="200">
    <div class="row col-md-12" align="center">
        <button pButton (click)="viewRepack()" label="View Repack"></button>
    </div>
    <div class="row col-md-12"><strong>Edit Table Assignment: </strong></div>
    <p-dropdown [options]="tables" [(ngModel)]="selectedTable" [style]="{width: '100%'}"></p-dropdown>
    <button pButton label="Save" (click)="save()" style="float:right;margin-right:3px;margin-top:5px;"></button>
</p-dialog>

誰かがこれについてアドバイスを提供できれば、それは大歓迎です。