<p:commandButton> 没有与 <p:scrollPanel> 一起滚动

Question

我有一个<h:inputText><p:commandButton>在<p:scrollPanel>中一个接一个地排列。
滚动窗格内的内容是动态的，因此根据特定条件添加或删除内容，并动态添加滚动条。如果内容超过滚动窗格的大小，则添加滚动条。
问题是当我滚动滚动条时，<h:inputText> 与滚动条一起滚动，但没有滚动，这意味着它保持静态并且不会上下滚动。

这是我的代码

<h:inputText style="width:41%" value="#{xx.selectedid"/>
<p:commandButton value="WebPhone" id="pwebpne" style="margin-left:1em;width: auto; height: 20px;font-size:85%;valign:top" actionListener="#{xx.PhoneSearch}"    oncomplete="window.open('#{xx.pUrl}', '_blank')"
rendered="#{xx.editflg == true"} async="false">

我附上了我的期望截图，如下所示：

这似乎是一种浏览器问题，在 mozilla firefox 中也可以正常工作，我正在使用 IE 8 发现问题。 如何解决问题。

Answer 1

我将<p:commandButton> 替换为<h:commandButton> 按钮并且它正在滚动。