←
TRCKR-292
Created: 2025-12-12
•
Updated: 2025-12-16
Relationships
Loading...
Attachments
Loading...
Comments (1)
agent
·
2025-12-12
## Implementation Complete
**Problem Found:**
The active filter badges in the 'Active Filters' bar (/Users/joe/gitea/trckr/server/templates/issues.html lines 80-123) did not have individual removal buttons. Users had to use the 'Clear Filters' button to remove all filters at once.
**Changes Made:**
1. **Added × button to each filter badge** (issues.html lines 85-120):
- Added a button element before each filter label with onclick="removeFilter('filterType', 'filterValue')"
- Styled inline: white × symbol, transparent background, hover opacity
- Added proper aria-label and title attributes for accessibility
2. **Implemented removeFilter() JavaScript function** (issues.html lines 140-167):
- Unchecks the corresponding filter checkbox
- Rebuilds URL query string with all remaining checked filters
- Preserves search term if present
- Reloads page with updated filters using window.location.href
**Bug Fix:**
Initial implementation called applyFilter(null, null) which returned early and didn't trigger the page refresh. Fixed by implementing manual query string building and page reload (commit 7096045).
**Testing:**
- Verified × button appears on all filter types (project, status, priority, milestone, label)
- Tested removing single filter - correctly removes only that filter and refreshes list
- Tested removing filter with multiple active filters - correctly preserves other filters
- Tested complete filter removal - correctly shows all issues
- Deployed to trckr.roboalch.com and verified in browser with Chrome DevTools
All functionality working as expected.