title: Primefaces SelectOneMenu items are moving on page scroll
body: <p>In the screenshot we can see that a dialog box with some <code>selectItems</code> and when I am scrolling using mouse the complete <code>selectItems</code> are moving </p>
  
  <p><img src="https://i.stack.imgur.com/yMSep.png" alt="">
  My Sample code:</p>
  
  <pre><code>    &lt;div class="row"&gt;
              &lt;h:outputLabel for="columnNames" value="Select Column Name:" /&gt;
              &lt;p:selectOneMenu id="columnNames" 
                  value="#{employeeGroupList.columnName}"&gt;
                  &lt;f:selectItem itemValue="" itemLabel="--- Select ---"&gt;&lt;/f:selectItem&gt;
                  &lt;f:selectItems value="#{employeeGroupList.columnNames}"&gt;&lt;/f:selectItems&gt;
              &lt;/p:selectOneMenu&gt;
          &lt;/div&gt;
  </code></pre>