<p:commandButton>不會隨着滾動<p:scrollPanel>

Question

我有一個<h:inputText><p:commandButton>在<p:scrollPanel>一個接一個地排列。
滾動窗格中的內容是動態的，因此會根據特定條件添加或刪除內容，並動態添加滾動條。如果內容超過滾動窗格的大小，則會添加滾動條。
問題是，當我滾動滾動條時， <h:inputText>隨滾動條一起滾動，但<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>按鈕，並使其滾動。