WordPress.org

Make WordPress Core

Opened 4 years ago

Last modified 5 months ago

#27151 new enhancement

Live search of available widgets

Reported by: danielbachhuber Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Widgets Keywords: has-ux-feedback needs-patch dev-feedback
Focuses: ui, administration Cc:

Description

On sites with lots of widgets, the act of scrolling to the bottom of the Widgets page, clicking a widget, and dragging the widget all the way to the top where your sidebar drop zone is can be painful.

Similar to the implementation of live search for themes, it would be nice to have a search box at the top of the "Available Widgets" div such that a user could use keywords to filter to a subset of available widgets.

Related #27112

Change History (10)

#1 in reply to: ↑ description ; follow-up: @SergeyBiryukov
4 years ago

Replying to danielbachhuber:

On sites with lots of widgets, the act of scrolling to the bottom of the Widgets page, clicking a widget, and dragging the widget all the way to the top where your sidebar drop zone is can be painful.

That's why you don't have to drag since #25821 :)

#2 in reply to: ↑ 1 @jenmylo
4 years ago

Replying to SergeyBiryukov:

That's why you don't have to drag since #25821 :)

Yeah, but the UI is not clear on this at all. To someone just coming to the screen without knowledge of that dev project, it looks like a one-column list that is painful to scroll up and down and drag. (Literally, in the case of anyone with RSI that makes mousing/trackpadding painful.)

I think the widgets screen needs another design revision to address this, but until such time as someone jumps on that, adding a search per Daniel's suggestion would be a decent stopgap.

#3 follow-up: @ocean90
4 years ago

For the Customizer jQuery.liveFilter was used before. Now it's a Backbone view with filters the widget collection, same as on the themes screen.
So let us Backbonifying the widgets admin UI. :)

#4 in reply to: ↑ 3 @westonruter
4 years ago

Replying to ocean90:

So let us Backbonifying the widgets admin UI. :)

Created #28093.

#5 @nofearinc
3 years ago

This is something that we have implemented for a theme framework and it works great according to the clients - maybe an idea for UI filtering implementation?

http://dxdemos.eu/images/widgets-filter-ui.png

#6 @McGuive7
3 years ago

I really like this concept! So I built a plugin to demo the functionality: https://wordpress.org/plugins/widget-search-filter/

It uses the lightweight jQuery liveFilter plugin, with very minimal PHP and one CSS rule. Thoughts? It'd be super easy to implement this in core, however I'm not sure it meets the 80% rule, and as @ocean90 mentions, it might make sense to just Backbonify the widgets UI entirely.

Either way, at least you can use this plugin until another solution is implemented more centrally.

Last edited 3 years ago by McGuive7 (previous) (diff)

#7 @McGuive7
2 years ago

  • Keywords dev-feedback added

Bump. Anyone?

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


5 months ago

#9 @karmatosed
5 months ago

  • Keywords has-ux-feedback added; ux-feedback removed

I think searching of widgets makes a lot of sense. As its your area @melchoyce, noting you here as something to consider with the Customizer focus. My concern is time / process to search but it could be a nice improvement.

#10 @melchoyce
5 months ago

I'm not sure this is as much of an issue since widgets in the Customizer are searchable. If someone's really passionate about this, sure, feel free to work on it, but I don't see the Customization focus making any improvements to widgets.php, especially as we start converting widgets to blocks.

Note: See TracTickets for help on using tickets.