The left navigation bar exhibits some CSS issues and overflows the page footer when the page is scrolled all the way down.

Spring Documentation: Fix CSS Rendering Issue

Affects: 6.0.10

Comment From: reillylm

Looking at the Inspector, seems like this happens when nav.nav-menu is longer than div.nav-panel-menu:

antora1

In other Antora docs pages (like the docs for Antora itself), the CSS looks a bit different, with overflow-y: scroll specified for the .nav-panel-menu, making the navigation sidebar scrollable:

antora2

The Antora website itself uses their "Antora Default UI Bundle" (where the scroll rule lives here); however, we have a custom Antora UI bundle, spring-io/antora-ui-spring, where the visible rule is specified here:

https://github.com/spring-io/antora-ui-spring/blob/68a05e905c45b7d80fcc01459833856774efdade/src/css/nav.css#L33-L36

Looks like we switched from scroll to visible as part of this recent change: spring-io/antora-ui-spring@ba66d86.

I wonder if we need to open an issue over in antora-ui-spring?

Comment From: bclozel

Thanks @reillylm for the detailed analysis - closing this issue in favor of https://github.com/spring-io/antora-ui-spring/issues/110

Comment From: rwinch

@bclozel FYI the 0.3.3 release fixes this and I've sent a PR https://github.com/spring-projects/spring-framework/pull/30911