Events Widget: There isn't a UI for clearing the selected city

[iandunn]

If someone has manually selected a city in the Events Widget, there isn't an obvious way for them to clear that selection through the UI. They can manually change it to another city, but they can't go back to where the city would be automatically determined by IP geolocation.

---

Side note: One workaround is to enter an invalid city, like narnia, and then refresh the page.

[iandunn]

Rough idea: add an extra link-button with text like "clear"

[iandunn]

Rough idea: Add an x icon

[iandunn]

The above screenshots show a few potential solutions. I think they'd still need some work to communicate to people how "clear" is different than "cancel", or what happens when they click "x".

Most people probably aren't aware, or don't remember, that the widget initially selected their location for them. So they might be unsure about those buttons would do, and hesitant to click them.

Fixed #51884

Trac ticket: https://core.trac.wordpress.org/ticket/51884

[mabipress]

Hello :)
This is my first contribution to WordPress.
I skipped the AJAX PHP Unit test.
I tried to write a test with the _handleAjax Method , unfortunately it didn't work as I had imagined. (it only "mimics" the ajax request)

How do I test AJAX calls?

Thanks :)

[mabipress]

OKAY. I figured out how it works.
I had to update my dependencies.
With npm run watch.
Now PHPUnit tests are also included :)

@iandunn Thank you for your suggestions for improvement :)

[faisalahammad]

The patch allows you to add a cross/dismiss icon to the WordPress Events and News widget. After you set a location, it enables you to reset the location with a single click. The patch worked flawlessly, giving us a thumbs up!

• Add a button to reset the selected location
• Focus user on the city input after clicking the select location button

[alh0319]

I would like to propose a different design for clearing the location. I don't believe that an X on its own is sufficiently clear and may result in confusion for some users.

I think two changes should be made:

1. Reword the "Select Location" button to "Change Location" - this more clearly explains that the collapsed section can be used to change the location either by submitting a city or removing it. (I always find it odd that it says "select" when a select/dropdown is not present and it's not actually a select UI.)

2. Add a "Clear Location" button next to the cancel button to the right of the form (with a dashicon).

Here is a design showing what I have in mind:

[alh0319]

Screenshot of proposed changes to location settings in Events and News Widget

[Subrata Deb Nath]

User interfaces significantly impact the overall user experience. The current design for selecting or clearing a location, using an 'X' to clear and "Select Location" as a button text, may not be clear to all users. To address this, I propose the following improvements:

Input Field: Allows users to enter a new city name.
Save Location Button: Saves the new location.
Cancel Button: Closes the modal without making changes.