title: How to correctly set p:autoComplete width to fill a panel
body: <p>How can I set the autoComplete width to fill the panel correctly?</p>
  
  <p><a href="https://i.stack.imgur.com/nmUKG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nmUKG.png" alt="autoComplete"></a></p>
  
  <p>As you can see, using:</p>
  
  <pre><code>.ui-autocomplete input {
          width: 100%;
      }
  </code></pre>
  
  <p>will put the arrow out of the panel</p>
  
  <p>EDIT: panelGrid</p>
  
  <pre><code>&lt;p:panelGrid columns="3" style="border: hidden; width: 100%" styleClass="ui-panelgrid-blank"&gt;
                          &lt;p:panelGrid&gt;
                              &lt;p:outputLabel value="Item name" for="haveName" /&gt;
                              &lt;br/&gt;
                              &lt;p:autoComplete id="haveName" effect="fade" dropdown="true" forceSelection="true"/&gt;
                          &lt;/p:panelGrid&gt;
  
                          &lt;p:panelGrid&gt;
                              &lt;p:outputLabel value="Paint" for="havePaint" /&gt;
                              &lt;br/&gt;
                              &lt;p:autoComplete id="havePaint" effect="fade" dropdown="true" forceSelection="true"/&gt;
                          &lt;/p:panelGrid&gt;
  
                          &lt;p:panelGrid&gt;
                              &lt;p:outputLabel value="Certification" for="haveCert" /&gt;
                              &lt;br/&gt;
                              &lt;p:autoComplete id="haveCert" effect="fade" dropdown="true" forceSelection="true"/&gt;
                          &lt;/p:panelGrid&gt;
                      &lt;/p:panelGrid&gt;
  </code></pre>
  
  <p>EDIT2: this is what happens when I set <code>style="width: 100%"</code> in the autoComplete tag:</p>
  
  <p><a href="https://i.stack.imgur.com/QAb36.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QAb36.png" alt="autoComplete width"></a></p>
  
  <p>EDIT3: this happens when I combine both:</p>
  
  <p><a href="https://i.stack.imgur.com/h6obu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h6obu.png" alt="both css"></a></p>