Page MenuHomePhabricator

Dismiss the Filters overlay dialog when there is a click outside it
Open, Needs TriagePublic

Description

when the user clicks set filter this appears:

image.png (751×1 px, 136 KB)

Step:
1 https://en.wikipedia.org/wiki/Special:NewPagesFeed
2 click on set Filter button
3 click anywhere outside the set filter window

So when the user clicks anywhere outside the overlay window the setfilter window still stays intact.
what should actually happen: When a user clicks on any area outside the overlay, the overlay should save and then be dismissed.

I have seen this happening on many websites

Event Timeline

This probably worth prototyping. I'm unsure if misclicks might cause issues, but it does seem like other OOUI and similar Codex UI is implementing this.

MPGuy2824 subscribed.

Moving to Vue migration since the old version of the feed does have this ability

MPGuy2824 renamed this task from Enable Overlay Dismissal on Click in Negative area to Dismiss the Filters overlay dialog when there is a click outside it.Nov 21 2023, 5:49 AM

Git doesn't seem to track changes in some files: modules/ext.pageTriage.newPagesFeed.vue/components/ListFilterMenu.vue

Git doesn't seem to track changes in some files: modules/ext.pageTriage.newPagesFeed.vue/components/ListFilterMenu.vue

You have not saved changes for that specific file (vscode gives you a dot icon beside each file if it has not been saved).

@Punith.nyk If you are working on this, can you assign yourself the task :)

Change 1009405 had a related patch set uploaded (by Maunikashekar; author: Maunikashekar):

[mediawiki/extensions/PageTriage@master] Add close functionality for filters dialog on outside-click

https://gerrit.wikimedia.org/r/1009405

This is one of the few interactions in the feed that hasn't been migrated to codex. I suggest that we consider moving mwe-vue-pt-control-dropdown to a dialog instead of customizing the behavior of this element further:
https://doc.wikimedia.org/codex/latest/components/demos/dialog.html

@Yash4357: Anyone can amend the existing proposed patch linked above. No need to ever ask. :)