PrimeFaces overlayPanel outside the container

Question

I'm trying to display an OverlayPanel in a carousel, but this panel is wider than a carousel, so its contents are not displayed completely.

I tried to add a z-index style value to the panel, but it still remains “inside” the carousel.

Is there a way to show this in full by drawing its overflow outside the carousel?

Answer 1

In accordance with the documentation of simple concepts OverLayPanel Documentation www.primefaces.org/docs/vdl/3.4/primefaces-p/overlayPanel.html you should use

 appendToBody="true" 

The overlay panel should do the trick with it.