BUG: Download client filter on active downloads tab is not selectable due to element ID mismatch #38

Closed
opened 2026-05-22 22:47:59 +01:00 by Gandalf · 1 comment
Owner

The download client filter dropdown on the active downloads tab is completely non-functional.

Cause

There is a total mismatch between the HTML element IDs defined in public/index.html and the IDs queried in the frontend JS (client/src/ui/filters.js):

  1. JS queries download-client-filter-btn but HTML uses download-client-dropdown-btn.
  2. JS queries download-client-filter-dropdown but HTML uses download-client-dropdown.
  3. JS queries download-client-filter-list but HTML uses download-client-options.
  4. JS queries download-client-filter-count but HTML uses download-client-selected-text.

This causes all UI event binding and option rendering to silently fail as the elements are not found.

Proposed Fix

Align the IDs in client/src/ui/filters.js (or public/index.html) so they match perfectly, ensure click and checkbox events are properly handled, and rebuild the client package using Vite.

The download client filter dropdown on the active downloads tab is completely non-functional. ### Cause There is a total mismatch between the HTML element IDs defined in `public/index.html` and the IDs queried in the frontend JS (`client/src/ui/filters.js`): 1. JS queries `download-client-filter-btn` but HTML uses `download-client-dropdown-btn`. 2. JS queries `download-client-filter-dropdown` but HTML uses `download-client-dropdown`. 3. JS queries `download-client-filter-list` but HTML uses `download-client-options`. 4. JS queries `download-client-filter-count` but HTML uses `download-client-selected-text`. This causes all UI event binding and option rendering to silently fail as the elements are not found. ### Proposed Fix Align the IDs in `client/src/ui/filters.js` (or `public/index.html`) so they match perfectly, ensure click and checkbox events are properly handled, and rebuild the client package using Vite.
Gandalf added the Kind/Bug
Priority
High
2
labels 2026-05-22 22:47:59 +01:00
Author
Owner

Resolved in commit a006cb4a by aligning the DOM element query IDs in filters.js, implementing the Select All / Deselect All event listeners, and rebuilding the client production bundle.

Resolved in commit [a006cb4a](https://git.i3omb.com/Gandalf/sofarr/commit/a006cb4a375a43682f8503779f00360bf7a3c7e4) by aligning the DOM element query IDs in filters.js, implementing the Select All / Deselect All event listeners, and rebuilding the client production bundle.
Gandalf added the Area/Frontend label 2026-05-28 11:58:11 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Gandalf/sofarr#38