<p:selectOneMenu> width does not match widest element

[toao_cyrus]

Instead it resizes itself every time you select a different element

Code: Select all

<div class="row">
     <div class="col-xs-8">
          <h:panelGrid columns="6" cellpadding="5">
               <p:outputLabel value="Period" id="periodLabel"
		for="selectPeriod" />
	   <p:selectOneMenu id="selectPeriod"
	         value="#{ben.value}">
	         <f:selectItems value="#{bean.values}" var="value"
	         itemValue="#{value.value}"
	         itemLabel="#{value.label}" />
	        <p:ajax event="change" process="@this" update="rangeForm"
	        listener="#{bean.method()}" />
          </p:selectOneMenu>
          ....

Another issue is the white background is only large enough for the text and does not fill the entire box. I am not overriding any of the primefaces CSS.

screenshots




JSF version/implementation: mojarra 2.2.7
Primefaces version: 5.0