Календарь PrimeNG - приложение к чему-то другому, кроме тела

Question

Проблема :
Я использую p-календарь на узкой странице HTML: очень низкая высота. В этом случае календарь просто скрывает поле ввода с неправильным позиционированием

Шаг для воспроизведения :

• перейти к https://www.primefaces.org/primeng/#/calendar
• Изменение размера окна навигатора с низкой высотой значения
• Открыть календарь
• Или перейдите к блицстеку и поиграйте с высотой консоли: 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
Просто убедитесь, что консоль достаточно высокая: