Closed RawatPraveen closed 7 years ago
You can add this to your css:
ngui-auto-complete {
z-index: 100 !important;
}
dont work for me :(
@pawelchmara are u sure that this worked for you as i have tried it and it didn't worked.
Yes, it works. Where are you put this css rule (in global stylesheet or in component stylesheet)? Maybe z-index value should be greater...
As you can see below in my case, the z-index value has been overwritten correctly:
@pawelchmara i have added this css in my style.css file and there it did not worked. I will try wtih component css.
@pawelchmara your css rule goes into your component with encapsulation strategy encapsulation: ViewEncapsulation.None
, e.g. appComponent, parentComponent, etc.. e.g., http://plnkr.co/edit/3pB1Gx?p=preview
Its fixed with that trick. Thanks
@RawatPraveen, You should install z-index direct to template . It's work fine. <input class="form-control" auto-complete [source]="Aerodromes" z-index="5" /> It is more right than to change encapsulation mode
I want to set z-index of the list which has z-index as 1 by default. How do i do it?