Backport pull request #5377 from jellyfin-web/release-10.9.z

Fix changing filters not resetting multiselected media cards

Original-merge: 798b408bd79ebe0efc240ee19d398ce0dfa2c818

Merged-by: thornbill <thornbill@users.noreply.github.com>

Backported-by: Bill Thornton <thornbill@users.noreply.github.com>

src/components/filterdialog/filterdialog.js

@@ -7,6 +7,7 @@ import '../../elements/emby-collapse/emby-collapse';
 import './style.scss';
 import ServerConnections from '../ServerConnections';
 import template from './filterdialog.template.html';
+import { stopMultiSelect } from '../../components/multiSelect/multiSelect';
 
 function renderOptions(context, selector, cssClass, items, isCheckedFn) {
     const elem = context.querySelector(selector);
@@ -104,6 +105,7 @@ function updateFilterControls(context, options) {
      * @param instance {FilterDialog} An instance of FilterDialog
      */
 function triggerChange(instance) {
+    stopMultiSelect();
     Events.trigger(instance, 'filterchange');
 }
 

src/components/multiSelect/multiSelect.js

@@ -571,3 +571,7 @@ export default function (options) {
 export const startMultiSelect = (card) => {
     showSelections(card);
 };
+
+export const stopMultiSelect = () => {
+    hideSelections();
+};