<p:commandButton>不会随着滚动<p:scrollPanel>

Question

I have a <h:inputText><p:commandButton> arranged one after the other inside a <p:scrollPanel> .
The contents inside the scroll pane are dynamic hence the contents gets added or removed based on certain condition and a scroll bar is added dynamically.If the contents exceeds the size of the scroll pane scrollbar gets added.
The problem is when I scroll the scroll bar the <h:inputText> gets scrolled along with the scrollbar but the is not getting scrolled along with which means the stays static and its not scrolling up and down.

Here is my code

<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">

I have attached the screenshot of my expectation which is given below :

It seems to be a kind of browser issue, the same works fine in mozilla firefox, I am using IE 8 where the issue is found. How to resolve the issue.

Answer 1

我将<p:commandButton>替换为<h:commandButton>按钮，并使其滚动。