问题:
我在一个狭窄的 HTML 页面中使用 p 日历:高度非常低。在这种情况下,日历只是隐藏了定位错误的输入字段
重现步骤:
- 转到https://www.primefaces.org/primeng/#/calendar
- 调整具有低值高度的导航器窗口的大小
- 打开一些日历
- 或者去这里的blitzstack玩一下控制台高度:https ://stackblitz.com/edit/github-stwowy
我正在尝试的解决方案
- 我试过 [appendTo]="'body'" :它不起作用,日历的位置仍然隐藏输入字段
- 我想将日历覆盖附加到另一件事:
<ng-template #attachMe0></ng-template>
<div id="attachMe1">
<p-calendar #calendarRangeFacture
[(ngModel)]="rangeDates"
appendTo="attachMe0">
</p-calendar>
</div>
<button class="blue-button" pButton (click)="doIt()" label="OK"></button>
<span id="attachMe2"></span>
<div id="attachMe3"></div>
<ng-template id="attachMe4"></ng-template>
<ng-template #attachMe5></ng-template>
在这里,我举了很多我尝试过的事情的例子。所有 attachMe 都会产生相同的错误:
任何想法 ?请问我做错了什么?
[编辑] BLITZSTACK 玩:https
://stackblitz.com/edit/github-stwowy
只要确保控制台进入高电平: