?
TRCKR-292
ux web
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.