Skip to content

[6.x] Limit filter delete action to the "x" to prevent accidental destructi…#14220

Open
jaygeorge wants to merge 5 commits into6.xfrom
make-deleting-filters-more-intentional
Open

[6.x] Limit filter delete action to the "x" to prevent accidental destructi…#14220
jaygeorge wants to merge 5 commits into6.xfrom
make-deleting-filters-more-intentional

Conversation

@jaygeorge
Copy link
Contributor

Description of the Problem

Currently, it's very easy to accidentally delete filters since they have cursor: pointer on the whole button target.
I have previously clicked on a filter, thinking it will open it up for modification, only for the filter to be deleted unintentionally.

What this PR Does

Splits saved filter buttons into two parts, separating the "x" into a separate intentional control so that clicking a filter doesn't accidentally delete it.

Before

Clicking anywhere on the saved filter deletes the filter

2026-03-11 at 15 34 32@2x

After

Only clicking the x leads to deletion

2026-03-11 at 15 33 54@2x

How to Reproduce

  1. Save a filter on a listing screen and interact with it

For screen reader users, a row of identical Clear buttons is ambiguous because it doesn’t say which filter will be removed. This makes the label contextual, like Clear filter {{ badge }} or Remove {{ badge.field }}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant