Hidden TOC appears with long header titles

[dev-jonghoonpark]

The Table of Contents (TOC), which is hidden under the LEFT PANEL, appears when the header has a long title.

You can check in https://projectreactor.io/docs/core/release/reference/metrics.html

When the screen width is less than 1024px, the LEFT PANEL disappears, making the TOC more visible.

If the screen width is less than or equal to 800px, the TOC disappears completely, and there is no issue in this case.

---

Why is the hidden TOC necessary?

[chemicL]

Hey, thank you for a detailed report! I don't think it's necessary, it must be a bug. Do you have an idea where the issue lies? If so, a contribution would be very much welcome.

cc @violetagg - I believe the reactor-netty antora docs have the same issue.

[dev-jonghoonpark]

I realized that in Antora, there are two TOCs: one inside the content and one outside.

this is one inside (for mobile)

this is one outside (for desktop)

In Antora documentation, the TOC inside the content is completely hidden using display: none for desktop size.
On the other hand, in the reactor documentation, the TOC inside the content is hidden inside the left panel using position: absolute.

How about simply hiding the TOC inside the content with display: none in the reactor documentation as well?

It seems that to achieve this, a PR would need to be submitted to
https://github.com/reactor/antora-ui-projectreactor.

[violetagg]

At some point we fixed that reactor/reactor-netty#3177
Let me check again Reactor Netty documentation

[violetagg]

@chemicL @dev-jonghoonpark mmm yeah ignore my previous comment, it seems the PR that I mentioned fixes another thing, but the issue described here is present with Reactor Netty documentation also

[dev-jonghoonpark]

Additionally, I discovered that the button on the top right exists but serves no functional purpose.

While resolving this issue, it would be good to hide this button as well.