<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>按鈕並將其滾動。