Make WordPress Core

Opened 6 years ago

Last modified 6 years ago

#42913 new enhancement

Scroll widgets and widget containers independently in admin ui

Reported by: computerguru's profile ComputerGuru Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.1
Component: Widgets Keywords:
Focuses: ui, administration Cc:


A "regular" WordPress installation with a few plugins providing widgets can easily result in a situation where the height of the "available widgets" div on the left can be significantly larger than the height of the "available widget containers" div on the right, as a result of which one may need to scroll down significantly to reach the desired widget, then scroll back up _while dragging_ to place the widget in the desired container.

If the div on the right were to be configured with {{height: 1vh; overflow-y: scroll}} and then turned into fixed (?) position div, it would remain on-screen while the user scrolled through the list of available widgets, such that installing a new widget would only require scrolling to find the widget in question, and at no point would it be necessary to drag and scroll simultaneously (which, while frustrating, is easy enough on a desktop... but with a touchpad it becomes quite the challenge).

On further reflection, it might actually be easier and less hacky to assign both the left and right divs a height of 1vh (and perhaps throw in a {{min-height}}) and {{overflow-y: scroll}}, then there's no need for anything but the default positioning. Both containers would scroll independently, and no need to drag and scroll.

Attaching a video of the current experience.

Attachments (1)

widgets-scrolling.mp4 (1.4 MB) - added by ComputerGuru 6 years ago.

Download all attachments as: .zip

Change History (8)

#1 @ComputerGuru
6 years ago

  • Summary changed from Float installed widget containers on scroll on widget management page to Scroll widgets and widget containers independently in admin ui

#2 @alexvorn2
6 years ago

I think it is required to add a specific height to the container, so it will scroll.

This ticket was mentioned in Slack in #core-customize by westonruter. View the logs.

6 years ago

#4 @westonruter
6 years ago

  • Milestone changed from Awaiting Review to Future Release

I can't play the attachment, but the issue I think is real.

#5 @ComputerGuru
6 years ago

If you don't have the x265 codec, here's a YouTube link:

#6 @westonruter
6 years ago

What about using position:sticky?

This ticket was mentioned in Slack in #gdpr-compliance by coreymckrill. View the logs.

6 years ago

Note: See TracTickets for help on using tickets.