PrimeNG日历-附加到正文以外的其他内容

Question

问题：
我在狭窄的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都会产生相同的错误：

有什么想法吗？请问我在做什么错？

[EDIT] 玩BLITZSTACK：https://stackblitz.com/edit/github-stwowy
只要确保控制台足够高：

Answer 1

版本 -> 在我的应用程序中使用

• Angular CLI：7.3.9
• 节点：12.13.1
• 角度：7.2.15
• Primeng：7.1.3

<块引用>

尝试像这样使用 appendTo，它对我有用

 [appendTo]="'body'"

仍在修复中，日历将始终在底部打开！