【发布时间】：2019-07-15 11:00:06
【问题描述】：
您好，我一直在寻找解决此问题的方法，但似乎找不到解决方法。希望你们中的一个可以帮助我。
我在对话框组件中有一个 primefaces（v6.2，omega 主题）日历组件（弹出式，非内联式）。打开对话框并单击日历输入字段时，会弹出日历。我想做的是让它在输入字段旁边弹出（几乎是它在对话框之外的常规行为）。然而，我面临的问题是，当我向下滚动页面并单击输入组件时，将显示弹出窗口，但相对于输入字段有一定的偏移。 以下屏幕截图说明了该问题。
这是我的代码：
<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 不太擅长，所以希望这是一个简单的解决方法，但遗憾的是我自己无法弄清楚。
【问题讨论】：
-
您使用的是什么 PrimeFaces 版本？
-
糟糕忘了添加，感谢您指出我已经编辑了我的问题并添加了版本。我使用的是 6.2 版（欧米茄主题）
-
我在 PF6.0 上遇到了同样的问题。我发现了this 问题，看起来 PF 人员已经为 PF7.0 计划了修复程序。发布后您是否碰巧找到了解决方法？
-
我现在还没有保持原样，在这种特殊情况下可能会完全放弃日历弹出。感谢您的提醒，尽管我计划在 6.3 可用时立即迁移到该版本，但我需要一些额外的修复，这些修复将包含在该版本中。
标签： html css jsf primefaces