Making WordPress.org

#6475 closed defect (bug) (fixed)

Floating sidebar broken on documentation pages

Reported by: dingo_d's profile dingo_d Owned by: adamwood's profile adamwood
Milestone: Priority: normal
Component: Developer Hub Keywords: needs-patch
Cc:

Description

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)

Attachments (1)

screenshot.png (130.0 KB) - added by dingo_d 22 months ago.
Floating sidebar overflowing footer and being broken on smaller resolutions (1440x705 px)

Download all attachments as: .zip

Change History (8)

@dingo_d
22 months ago

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

#1 @adamwood
22 months ago

  • Owner set to adamwood
  • Status changed from new to assigned

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.

#2 @adamwood
22 months ago

  • Component changed from HelpHub to Developer Hub

#3 @adamwood
22 months ago

#6476 was marked as a duplicate.

#4 follow-up: @dingo_d
22 months ago

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

#5 in reply to: ↑ 4 @adamwood
21 months ago

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).

#6 @adamwood
21 months ago

#6484 was marked as a duplicate.

#7 @adamwood
20 months ago

  • Resolution set to fixed
  • Status changed from assigned to closed
Note: See TracTickets for help on using tickets.