Skip to content

[6.x] Filters can only be removed by clicking cross#14220

Merged
jasonvarga merged 10 commits into6.xfrom
make-deleting-filters-more-intentional
Mar 27, 2026
Merged

[6.x] Filters can only be removed by clicking cross#14220
jasonvarga merged 10 commits into6.xfrom
make-deleting-filters-more-intentional

Conversation

@jaygeorge
Copy link
Copy Markdown
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

jaygeorge and others added 9 commits March 11, 2026 16:17
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 }}
Leverage the filled Button variant for badge styling instead of
duplicating Tailwind classes, now that Button merges external
class attrs through twMerge.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@jasonvarga jasonvarga changed the title [6.x] Limit filter delete action to the "x" to prevent accidental destructi… [6.x] Filters can only be removed by clicking cross Mar 27, 2026
@jasonvarga jasonvarga merged commit af0bc9f into 6.x Mar 27, 2026
18 checks passed
@jasonvarga jasonvarga deleted the make-deleting-filters-more-intentional branch March 27, 2026 20:29
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.

2 participants