Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Meinhard Schnoor
80
igx-combo on igx-dialog
posted

I placed a igx-combo inside a form on an igx-dialog. The problem is that the items of the combo are displayed behind the dialog. Am I doing something wrong or is this not possible?

<igx-dialog #editRecordDialog title="{{'Termin bearbeiten'}}"
leftButtonLabel="{{'Verwerfen'}}"
(onLeftButtonSelect)="discardEvent(editRecordForm)"
(onRightButtonSelect)="updateEvent(editRecordForm)"
rightButtonLabel="{{'Speichern'}}"
[closeOnOutsideSelect]="false">
<div class="dialog-form-container">
<form class="dialog-form" #editRecordForm="ngForm">
...
<div class="igx-combo">
<igx-combo #remoteCombo class="input-container" width="500px" [itemsMaxHeight]="300" [data]="kunden | async" [valueKey]="'Id'"
[displayKey]="'Id'" (onDataPreLoad)="dataLoading($event)" (onSearchInput)="searchInput($event)" (onOpening)="searchInput(null)"
placeholder="Kunde" searchPlaceholder="Suchen..." [filterable]="true">
</igx-combo>
</div>
...
TIA
Meinhard
Parents
No Data
Reply
  • 21795
    Offline posted

    Hello Meinhard,

    I have tested this behavior with latest version of Ignite UI for Angular and was not able to reproduce it. Attached is the sample I have tested this with. Please run my sample at your side and let me know if you are able to reproduce the issue.

    Note, we had a similar issue in the past which we had fixed in version 6.2.0 of Ignite UI for Angular.

    Looking forward to your reply.

    cliDialog.zip

Children