Primefaces dialog scrollbar not showing up below the header

css, el, jsf, primefaces

Solution

Get rid of your `overflow:auto;` and put every content from your dialog inside a `p:scrollPanel` (check here).

Problem

I am using the following primefaces dialog and I added scrolling after a max height using the style attribute below. However, the scrollbar is not showing up within the header and as a result, when I scroll, the header scrolls along with the contents of the dialog. ``` <p:dialog header="#{resName}" widgetVar="resDialog" resizable="false" style="max-height:900px;overflow:auto"> ``` I don't want the header to scroll and preferably, I also want the scrollbar to show under the header Any ideas?

Original source