Multiple p:selectCheckboxMenu label overlap with selection
Posted: 15 Jun 2020, 23:15
When using the p:selectCheckboxMenu, the output level does not move above the input box like p:inputText and p:selectOneMenu. The label stay at the same location when an item is selected and overlap with the selection.
Code: Select all
<div class="ui-g-6 ui-sm-12 md-inputfield">
<p:selectCheckboxMenu id="item-status" value="#{itemSearch.searchCriteria.selectedStatuses}" multiple="true">
<p:ajax event="itemUnselect" listener="#{itemSearch.onItemUnselect}"/>
<f:selectItems value="#{itemSearch.statuses}" var="s" itemValue="#{s.statusText}" itemLabel="#{s.statusText}"/>
</p:selectCheckboxMenu>
<p:outputLabel for="item-status">Invention Status</p:outputLabel>
</div>