Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

PrimeNG Calendar open Z index error

I am using primeNG calendar and whenever the calendar opens under the input box it is behind all the other html elements. But when it opens above the input box everything is ok.

enter image description here

like image 434
Talnaci Sergiu Vlad Avatar asked Dec 23 '22 07:12

Talnaci Sergiu Vlad


1 Answers

I fixed it by using appendTo="body" in the p-calendar html element.

Here is how the html element looks like now:

 <p-calendar appendTo="body" [locale]="dk" placeholder="Inklusion dato" [(ngModel)]="patient.inclusionDate" showButtonBar="true"
      readonlyInput="true" [showIcon]="true"></p-calendar>
like image 75
Talnaci Sergiu Vlad Avatar answered Dec 29 '22 09:12

Talnaci Sergiu Vlad