title: bug when displaying selectonemenu primefaces inside p panelgrid
body: <p>I have this problem : 
  <img src="https://i.stack.imgur.com/wxKBi.png" alt="enter image description here"></p>
  
  <p>here is the code :  </p>
  
  <pre><code>    &lt;p:panelGrid styleClass="newArticlePanelGrid" &gt;
  
  &lt;!-- __________________________________________row1________________________________________________ --&gt;
  &lt;p:row&gt;
  
  &lt;p:column&gt;
  &lt;h:outputLabel value="Designation : " /&gt;                        
  &lt;/p:column&gt;
  &lt;p:column colspan="3" &gt;
  &lt;p:inputText id="new-article-designation"  style="width: 449px;"
                              value="#{articlesMB.article.designation}" required="true"
                              requiredMessage="designation requise" /&gt;
  
  &lt;/p:column&gt;
  
  &lt;/p:row&gt;
  
  &lt;p:row&gt;
  
  &lt;p:column /&gt;
  &lt;p:column colspan="3" &gt;
  &lt;p:message id="for-new-article-designation"
                              for="new-article-designation" display="text" /&gt;
  &lt;/p:column&gt;
  
  
  &lt;/p:row&gt;
  &lt;!-- __________________________________________row2________________________________________________ --&gt;
  &lt;p:row&gt;
  
  &lt;p:column&gt;
  &lt;h:outputLabel value="Type : " /&gt;
  
  &lt;/p:column&gt;
  &lt;p:column&gt;
      &lt;p:selectOneMenu id="new-article-typeggg" required="true"
                              requiredMessage="type requis" converter="#{typeConverter}"
                              style="width:100%" value="#{articlesMB.article.type}"&gt;
                              &lt;!--        &lt;f:selectItem itemLabel="Selectionner Type" itemValue="" /&gt;--&gt;
                              &lt;f:selectItems value="#{articlesMB.listTypes}" var="v"
                                  itemLabel="#{v.libelle}" itemValue="#{v}" /&gt;
                          &lt;/p:selectOneMenu&gt;
  
  &lt;/p:column&gt;
  &lt;p:column&gt;
      &lt;h:outputLabel value="Unité : " /&gt;
  
  &lt;/p:column&gt;
  &lt;p:column&gt;
      &lt;p:selectOneMenu id="new-article-unite" required="true"
                              widgetVar="uniteselect" requiredMessage="unité requise"
                              converter="#{uniteConverter}" style="width:100%"
                              value="#{articlesMB.article.unite}"&gt;
                              &lt;!--            &lt;f:selectItem itemLabel="Selectionner Unite" itemValue=""  /&gt; --&gt;
                              &lt;f:selectItems value="#{articlesMB.listUnites}" var="v"
                                  itemLabel="#{v.libelle}" itemValue="#{v}" /&gt;
                          &lt;/p:selectOneMenu&gt;
  
  &lt;/p:column&gt;
  
  &lt;/p:row&gt;
  
  &lt;p:row&gt;
  
  &lt;p:column /&gt;
  &lt;p:column&gt;
  </code></pre>
  
  <p>I don't know what I should do to reolve this problem : I tested <code>width:100%</code> but as you see it doesn't change </p>
  
  <p>how can I resolve that ?</p>
  
  <p>thank you in advance</p>