angular - PrimeNG dropdown hidden by dialog -
i have angular2 app using primeng components.
i want dropdown inside dialog box. however, when have implemented this, dropdown cut off limit of dialog box shown in screenshot below. want display above dialog , have options visible.
it small dialog , not want create large 1 there lots of empty unused space.
my html code below:
<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>
if can offer advice on appreciated.
it necessary add attribute appendto
.
e.g.
<p-dropdown appendto="body" [options]="tables" [(ngmodel)]="selectedtable" [style]="{width: '100%'}"></p-dropdown>
Comments
Post a Comment