FFWEB-3333: Fix price slider filter closing

Fix price slider filter closing
FACT-Finder-Web-Components · Feb 24, 2025 · a519d71 · a519d71
1 parent 40e2a6a
commit a519d71
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
 ### Fix
 - Fix Proxy issue on PDP and for tracking requests
 - Handle ClientException for SSR (invalid credentials, API issue etc.)
+- Fix price slider filter closing
 
 ## [v5.2.2] - 2024.10.09
 ### Improve

diff --git a/src/Resources/app/storefront/dist/storefront/js/omikron-fact-finder.js b/src/Resources/app/storefront/dist/storefront/js/omikron-fact-finder.js
diff --git a/src/Resources/app/storefront/src/plugin/asn-plugin.js b/src/Resources/app/storefront/src/plugin/asn-plugin.js
@@ -12,17 +12,17 @@ export default class AsnPlugin extends Plugin
 
     _handleToggleFilter(event) {
         const getAllGroupsExceptClicked = e => {
-            const clickedGroup = e.target.closest('ff-asn-group');
+            const clickedGroup = e.target.closest('ff-asn-group, ff-asn-group-slider');
 
-            return [...document.querySelectorAll('ff-asn-group')].filter(g => g !== clickedGroup)
+            return [...document.querySelectorAll('ff-asn-group, ff-asn-group-slider')].filter(g => g !== clickedGroup)
         }
 
         const isAsnGroup = e => {
-            return this._eventPath(e).find(p => p.tagName === 'ff-asn-group'.toUpperCase());
-        }
+            return this._eventPath(e).find(p => p.tagName === 'ff-asn-group'.toUpperCase()
+                || p.tagName === 'ff-asn-group-slider'.toUpperCase());        }
 
         if (!isAsnGroup(event)) {
-            document.querySelectorAll('ff-asn-group').forEach(g => {
+            document.querySelectorAll('ff-asn-group, ff-asn-group-slider').forEach(g => {
                 if (g.opened) g.toggle(true);
             })
         }

diff --git a/src/Resources/app/storefront/src/scss/_asn.scss b/src/Resources/app/storefront/src/scss/_asn.scss
@@ -88,7 +88,6 @@ ff-asn {
 }
 
 ff-slider {
-  background: $sw-color-brand-primary;
   margin: 0 15px 24px;
 
   .ffw-sliderBar {