Floating sidebar broken on documentation pages

[dingo_d]

The floating sidebar seems to be broken on the documentation pages on smaller screens (I noticed this on Mac 13").

The header part of the floating sidebar seems to be wider than the contents.

And when you scroll all the way down to the end of the page, it overflows the footer.

Ideally, the sidebar should track the content of the documentation using position:sticky in CSS, the only thing that should be changed is the left positioning, which should probably be changed to transform: translateX(100%), and based on the viewport width just change this (I think this is already the case with changing from fixed to relative position)

[dingo_d]

Floating sidebar overflowing footer and being broken on smaller resolutions (1440x705 px)

[adamwood]

Hi @dingo_d which browser are you using please? The width issue appears to be related to scrollbars being shown, which admittedly I didn't test with due to my system settings.

[adamwood]

#6476 was marked as a duplicate.

[dingo_d]

Hi @adamwood. This happened on the latest Chrome for me. Didn't test on other browsers (can do that a bit later).

[adamwood]

Thanks!

Replying to dingo_d:

Hi @adamwood. This happened on the latest Chrome for me. Didn't test on other browsers (can do that a bit later).

[adamwood]

#6484 was marked as a duplicate.

[adamwood]

Fixed in ​https://github.com/WordPress/wporg-developer/pull/140