Scrollbars Gone in PrimeFaces 13

80 Views Asked by At

I'm heading up our project team's migration from PrimeFaces 6 to PrimeFaces 13, and it looks like the normal vertical scrollbar which appears when the user zooms in too closely, no longer appears. I've looked into scroll panels and overflow properties in divs, but they don't behave the same as a whole screen scroll bar.

I tried adding "overflow" properties to divs, and I tried creating scrollPanels. Neither produced the same behavior a page scrollbar provides.

Our content page didn't have or need any special code to enable scrolling under PrimeFaces 6. Is there a way to accomplish this in PrimeFaces 13?

2

There are 2 best solutions below

2
BelaOxmyx On BEST ANSWER

Adding a pe:layoutPane resolved my issue. I had never heard of one of those, but apparently, they're needed in PF13 in order to enable vertical scrollbars when screens overflow.

0
Melloware On

The issue is related to Primefaces Extensions Layout component.

it has these styles.

.pe-layout-pane-content {
    padding: 6px;
    overflow: auto;
}

The overflow:auto is what causes the scrollbar to appear or not. Something in your setup is causing that style to be overridden because in F12 Chrome tools if I disable overflow:auto my scrollbars dissappear as described in your behavior.

enter image description here