title: PrimeFaces selectOneMenu not inlinable into plain text (causes line breaks)
body: <p>We need to write help panels and the customer decided it would be worthwhile to embed/inline the actual (functionless) components into the help text as we explain them (and I agree with that).</p>
  
  <p>This works without problems for <code>p:commandButton</code> and <code>p:calendar</code>, but every <code>p:select*</code> component is causing a line break because of all the divs that are generated.</p>
  
  <p>Here's an example page:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"&gt;
  
      &lt;h:head&gt;
          &lt;title&gt;
              D E B U G
          &lt;/title&gt;
      &lt;/h:head&gt;
  
      &lt;h:body&gt;
  
          &lt;h:outputStylesheet library="styles" name="project.css" /&gt;
          &lt;h:outputStylesheet library="styles" name="primefaces-global.css" /&gt;
  
          &lt;h:form&gt;
  
              &lt;h:panelGroup layout="block"
                            styleClass="help-panel"&gt;
                  &lt;p&gt;
                      The refresh button
                      &lt;p:commandButton icon="ui-icon ui-icon-refresh"
                                       value="(8)"
                                       global="false"
                                       process="@none"
                                       update="@none"&gt;
                      &lt;/p:commandButton&gt;
                      shows a preview of the number of whatever.
                  &lt;/p&gt;
                  &lt;p&gt;
                      The limit select box
                      &lt;p:selectOneMenu value="#{debugManager.count}"
                                       global="false"
                                       process="@none"
                                       update="@none"&gt;
                          &lt;f:selectItem itemValue="#{50}"  itemLabel="50" /&gt;
                          &lt;f:selectItem itemValue="#{100}" itemLabel="100" /&gt;
                          &lt;f:selectItem itemValue="#{200}" itemLabel="200" /&gt;
                          &lt;f:selectItem itemValue="#{500}" itemLabel="500" /&gt;
                      &lt;/p:selectOneMenu&gt;
                      allows you to limit the number of whatever on this page.
                  &lt;/p&gt;
              &lt;/h:panelGroup&gt;
          &lt;/h:form&gt;        
  
      &lt;/h:body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's the very simple bean:</p>
  
  <pre><code>@Named
  @SessionScoped
  public class DebugManager implements Serializable
  {
      private static final long serialVersionUID = 1L;
  
      private Long count = Long.valueOf( 100 );
  
      public Long getCount()
      {
          return this.count;
      }
  
      public void setCount( Long count )
      {
          this.count = count;
      }
  }
  </code></pre>
  
  <p>This produces the following:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;!-- local files saved from browser: --&gt;
          &lt;!--link type="text/css" rel="stylesheet" href="debug-Dateien/theme.css"&gt;
          &lt;link type="text/css" rel="stylesheet" href="debug-Dateien/primefaces.css"&gt;
          &lt;script type="text/javascript" src="debug-Dateien/jquery.xhtml"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="debug-Dateien/primefaces.xhtml"&gt;&lt;/script--&gt;
          &lt;title&gt;
              D E B U G
          &lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form id="j_idt6" name="j_idt6" method="post" action="/cmc-compliance/debug.xhtml" enctype="application/x-www-form-urlencoded"&gt;
          &lt;input type="hidden" name="j_idt6" value="j_idt6" /&gt;
          &lt;div class="help-panel"&gt;
              &lt;p&gt;
                  The refresh button
                  &lt;button id="j_idt6:j_idt9" name="j_idt6:j_idt9" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" onclick="PrimeFaces.ab({source:'j_idt6:j_idt9',process:'@none',update:'@none',global:false});return false;" type="submit"&gt;&lt;span class="ui-button-icon-left ui-icon ui-icon ui-icon-refresh"&gt;&lt;/span&gt;&lt;span class="ui-button-text"&gt;(8)&lt;/span&gt;&lt;/button&gt;&lt;script id="j_idt6:j_idt9_s" type="text/javascript"&gt;PrimeFaces.cw('CommandButton','widget_j_idt6_j_idt9',{id:'j_idt6:j_idt9'});&lt;/script&gt;
                  shows a preview of the number of whatever.
              &lt;/p&gt;
              &lt;p&gt;
                  The limit select box
                  &lt;div id="j_idt6:j_idt11" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-helper-clearfix"&gt;
                      &lt;div class="ui-helper-hidden-accessible"&gt;
                          &lt;select id="j_idt6:j_idt11_input" name="j_idt6:j_idt11_input"&gt;
                              &lt;option value="50"&gt;50&lt;/option&gt;
                              &lt;option value="100"&gt;100&lt;/option&gt;
                              &lt;option value="200"&gt;200&lt;/option&gt;
                              &lt;option value="500"&gt;500&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
                      &lt;label id="j_idt6:j_idt11_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all"&gt;&amp;nbsp;&lt;/label&gt;
                      &lt;div class="ui-selectonemenu-trigger ui-state-default ui-corner-right"&gt;
                          &lt;span class="ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div id="j_idt6:j_idt11_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow"&gt;
                          &lt;div class="ui-selectonemenu-items-wrapper" style="height:auto"&gt;
                              &lt;ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset"&gt;
                                  &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;50&lt;/li&gt;
                                  &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;100&lt;/li&gt;
                                  &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;200&lt;/li&gt;
                                  &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;500&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;script id="j_idt6:j_idt11_s" type="text/javascript"&gt;$(function(){PrimeFaces.cw('SelectOneMenu','widget_j_idt6_j_idt11',{id:'j_idt6:j_idt11',effect:'fade'});});&lt;/script&gt;
                  allows you to limit the number of whatever on this page.
              &lt;/p&gt;
          &lt;/div&gt;
          &lt;input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="601711705828338698:-3840718314813237618" autocomplete="off" /&gt;
          &lt;/form&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>It results in:</p>
  
  <p><img src="https://i.stack.imgur.com/Ldu2g.png" alt="enter image description here"></p>
  
  <p>I tried to replace the divs by span, but this renders the select garbled and non-functional.</p>
  
  <p>Adding <code>style="display: inline-block !important;"</code> to the divs is no different than the original:</p>
  
  <pre><code>            &lt;div id="j_idt6:j_idt11" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-helper-clearfix" style="display: inline-block !important;"&gt;
                  &lt;div class="ui-helper-hidden-accessible" style="display: inline-block !important;"&gt;
                      &lt;select id="j_idt6:j_idt11_input" name="j_idt6:j_idt11_input"&gt;
                          &lt;option value="50"&gt;50&lt;/option&gt;
                          &lt;option value="100"&gt;100&lt;/option&gt;
                          &lt;option value="200"&gt;200&lt;/option&gt;
                          &lt;option value="500"&gt;500&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
                  &lt;label id="j_idt6:j_idt11_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all"&gt;&amp;nbsp;&lt;/label&gt;
                  &lt;div class="ui-selectonemenu-trigger ui-state-default ui-corner-right" style="display: inline-block !important;"&gt;
                      &lt;span class="ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div id="j_idt6:j_idt11_panel" class="ui-selectonemenu-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow" style="display: inline-block !important;"&gt;
                      &lt;div class="ui-selectonemenu-items-wrapper" style="height:auto" style="display: inline-block !important;"&gt;
                          &lt;ul class="ui-selectonemenu-items ui-selectonemenu-list ui-widget-content ui-widget ui-corner-all ui-helper-reset" style="display: inline-block !important;"&gt;
                              &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;50&lt;/li&gt;
                              &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;100&lt;/li&gt;
                              &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;200&lt;/li&gt;
                              &lt;li class="ui-selectonemenu-item ui-selectonemenu-list-item ui-corner-all"&gt;500&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>Q</strong>:</p>
  
  <p>Is there a way to make <code>p:select*</code> not perform "line breaks"?</p>
  
  <p>PS: PrimeFaces version is 3.4.2 on Mojarra 2.1.14.</p>