Ngx-chips: Not able to use ng2-tag-input in Modal Dialog
All 7 comments
Try using [appendToBody]="false" (see the doc)
Gbuomprisco
on 18 Jun 2017
👍1
Now it appears like this. Somewhat dislocated from its expected position.
hiteshgupta9193
on 19 Jun 2017
👍2
Works fine with md-dialog component after adding [appendToBody]="false".
mrsan22
on 3 Jul 2017
@hiteshgupta9193 Can you try the following in your css:
:host /deep/ ng2-dropdown-menu div {
left: inherit !important;
top: inherit !important;
}
vgogov
on 4 Jul 2017
👍2
Other workaround that works without use[appendToBody] is decrease the z-index of the modal:
.cdk-overlay-container {
z-index: 5 !important;
}
But this can broke your template depending on how you use z-index to other components.
eloyleonardo
on 23 Aug 2017
I am also having this issues with bootstrap modal. https://github.com/Gbuomprisco/ngx-chips/issues/355#issuecomment-345896432
irowbin
on 21 Nov 2017
Check out the option [zIndex] in version 1.7.5
Gbuomprisco
on 3 Apr 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
jfknoepfli
路
3Comments
lukas-bernert
路
4Comments
sivamamidi-REISys
路
3Comments
admix
路
5Comments
altschuler
路
3Comments
Most helpful comment
@hiteshgupta9193 Can you try the following in your css:
:host /deep/ ng2-dropdown-menu div { left: inherit !important; top: inherit !important; }