Page header is transparent, making reading difficult

[unikitty37]

When scrolling the main page, the header does not have an opaque background, and becomes illegible.

It is also visually distracting to have this happen, making reading any documentation near the top of the page difficult.

I don't know if this is a browser compatibility issue; code blocks that display a horizontal scrollbar also refuse to scroll, leaving the only way to read the ends of lines being to find it in the Inspector.

Version: 7.7.3851.61 (Official Build) (arm64)
Chromium Version: 142.0.7444.237
Channel: Official Build
Platform / OS: macOS Version 15.7.3 (Build 24G419)
Executable Path: /Applications/Vivaldi.app/Contents/MacOS/Vivaldi
Command Line: /Applications/Vivaldi.app/Contents/MacOS/Vivaldi --flag-switches-begin --flag-switches-end --origin-trial-disabled-features=CanvasTextNg|WebAssemblyCustomDescriptors --disable-smooth-scrolling

[ganesh-bruno]

Hi, @unikitty37

Could you confirm whether this is happening only on specific pages (please share the links here) or across all documentation pages?

[unikitty37]

Hi

Yes, it seems to specifically be these:

• https://bruno-docs.vercel.app/auth/oauth2/client-credentials
• https://bruno-docs.vercel.app/auth/oauth2/password-credentials
• https://bruno-docs.vercel.app/auth/oauth2/authorization-code

so it's all the pages under "OAuth 2.0 (v1.x.x)" (or, at least, those which are long enough to scroll).

Of course, looking at them today, I see I should have been using the pages under "OAuth 2.0 (v2.x.x)" anyway, and they do render correctly…

The horizontal scrolling of code examples is also only an issue on those pages; https://bruno-docs.vercel.app/testing/script/js-file is unaffected by either issue, for example.

Thanks!