'JSF/Primefaces component to act as a parent container without adding extra elements to the DOM

As title query, is there any such element? I'm looking for Primefaces or JSF component like React.Fragment component in Reactjs, What I'm trying to do is putting a p:slider and it's h:inputText inside a container component, and make this parent container overlay other elements, currently I'm using p:overlayPanel like this

<p:overlayPanel for="hight-slider-button">
    <h:inputText id="hight" value="#{bean.height}" />
    <p:slider for="hight" id="hight-slider" type="vertical" minValue="10"/>
</p:overlayPanel>

but I need to show the vertical slider only, not inside a panel view, so I need to make the background panel style invisible to show the slider standing alone, or searching for a component that add nothing to dom, and give that container an overlay style.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source