Primefaces日历不会重新调整其在窗口旋转时的位置

Question

我正在努力解决在移动设备（平板电脑）上呈现的网页上的主要日历问题。似乎由primefaces计算的显示弹出日历的css值不会在窗口旋转时重新计算（您需要再次单击它以重新计算）。

这是一个例子：

1. 我的网页以纵向模式显示。我点击了日历图标，弹出窗口的位置很好：

（注意左边的css：719.406px，由primefaces计算）。到目前为止一切都还可以。

2. 现在我转向横向模式：

请注意，弹出窗口不再靠近日历图标。此外，css通过具有相同的左值来声明。

3. 为了使其正确，我需要单击屏幕上的任意位置以关闭弹出窗口，然后再次单击日历图标：

该位置现在很好，左侧的值不同且正确：1061.91px。

如何使曲面自动重新调整css而不必每次都双击？

到目前为止找到的解决方案是为屏幕右侧对齐添加自定义值并覆盖左侧：

.ui-datepicker.ui-widget.ui-widget-content {
  left: auto !important;
  right: 10px; 
}

但是上面的解决方案对于这个屏幕非常具体，幸运的是因为我总是在屏幕右侧有日历按钮，所以我总是可以假设右边的10个像素看起来不错。

我还注意到ui-datepicker-div是body元素的子元素，所以我不能用css将它与按钮链接起来。

任何有关一般解决方案的想法/帮助都将受到高度赞赏。 Primefaces版本：6.2

Answer 1

Primefaces 7.0.RC3修复了此问题。它是在一周前发布的。 https://mvnrepository.com/artifact/org.primefaces/primefaces/7.0.RC3