p-verifyDialog не отображается должным образом - PullRequest
Новая
       2

p-verifyDialog не отображается должным образом

0 голосов
/ 23 мая 2019

Использование p-verifyDialog У меня есть несколько кнопок, которые используют этот инструмент на одной странице ... все отображаются нормально, кроме той, где подтверждение вызывается кнопкой во всплывающем окне, какое подтверждение появляется за ним, и оно отображается серым цветом?

enter image description here

HTML

Примечание: если я переместу свой p-verifyDialog в p-диалоге, то это сработает однако, другая кнопка, такая как Delete, не получит всплывающее окно 

<div class="col-lg-12">
    <div class="row">

        <div class="page-content">
            <p-confirmDialog header="Confirmation" icon="pi pi-exclamation-triangle"></p-confirmDialog>

            <button type="text" (click)="confirmDelete()"  pButton icon="pi pi-check" label="Delete"></button>

</div>
</div>
</div>

<p-dialog header="Request Info" [(visible)]="displayRequestInfo" [modal]="true" [responsive]="true" [width]="650" [minWidth]="300" [minY]="70" [baseZIndex]="10000">

    <div class="col-lg-12">
        <div class="row">
            <div class="form-group">
                <label class="control-label">Comment</label>
                <textarea name="txtcomments" [(ngModel)]="comments" cols="40" rows="3" style="width:98%"></textarea>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="row">
            <button type="text" (click)="confirm()" pButton icon="pi pi-check" label="Post"></button>

        </div>
    </div>
</p-dialog>

1 Ответ

0 голосов
/ 23 мая 2019

Мне просто нужно было удалить [baseZIndex] = "10000" из p-диалога, и все работало нормально

...