Проблема с календарем простых чисел в компоненте диалога

Question

Привет! Я уже некоторое время ищу решение этой проблемы, но, похоже, не могу найти решение этой проблемы.Надеюсь, кто-то из вас может мне помочь.

У меня есть компонент календаря из простых символов (v6.2, тема омега) (всплывающее, а не встроенное) внутри компонента диалога.При открытии диалога и нажатии на поле ввода календаря появляется всплывающее окно с календарем.То, что я хотел бы сделать, это чтобы оно всплыло рядом с полем ввода (в значительной степени его обычное поведение вне диалога).Однако проблема, с которой я сталкиваюсь, заключается в том, что когда я прокручиваю страницу вниз и нажимаю на компонент ввода, всплывающее окно будет отображаться, но с определенным смещением относительно поля ввода.Следующие скриншоты иллюстрируют проблему.

Вот мой код:

<p:dialog id="dialog"
          widgetVar="dialog"
          modal="true">
    <p:panel id="panel">
        <p:outputPanel id="outputPanel">
            <p:panelGrid columns="2" layout="grid"
                         columnClasses="ui-grid-col-3, ui-grid-col-4"
                         styleClass="ui-noborder" width="100%">
                <p:outputLabel for="date" value="#{msg.date}"/>
                <p:calendar id="date" value="#{date}"
                            navigator="true" mask="true" pattern="dd/MM/yyyy"/>
            </p:panelGrid>
        </p:outputPanel>
    </p:panel>
....
</p:dialog>

Я не так хорошнадеюсь, это легко исправить с помощью CSS, но, к сожалению, я не могу понять это сам.