Update fast-search-card.js

Author: fastender

dist/fast-search-card.js

@@ -5003,6 +5003,7 @@ class FastSearchCard extends HTMLElement {
         return window.innerWidth <= 768;
     }    
 
+
     showCategoryButtons() {
         this.collapsePanel();
 
@@ -5016,26 +5017,7 @@ class FastSearchCard extends HTMLElement {
         const categoryButtons = this.shadowRoot.querySelector('.category-buttons');
         this.isMenuView = true;
         categoryButtons.classList.add('visible');
-        
-        // RESET VOR ANIMATION:
-        categoryButtons.style.transform = '';
-        categoryButtons.style.opacity = '';
-        categoryButtons.style.filter = '';
-        
-        // NUR EINE ANIMATION:
-        const animation = categoryButtons.animate([
-            { opacity: 0, transform: 'translateX(0px) scale(0.9)', filter: 'blur(10px) contrast(20)' }, 
-            { opacity: 1, transform: 'translateX(0px) scale(1)', filter: 'blur(0px) contrast(1)' }
-        ], { 
-            duration: 400, 
-            easing: 'cubic-bezier(0.16, 1, 0.3, 1)'
-        });
-        
-        animation.finished.then(() => {
-            categoryButtons.style.opacity = '1';
-            categoryButtons.style.transform = 'translateX(0px) scale(1)';
-            categoryButtons.style.filter = 'blur(0px) contrast(1)';
-        });        
+        categoryButtons.animate([{ opacity: 0, transform: 'translateX(20px) scale(0.9)' }, { opacity: 1, transform: 'translateX(0) scale(1)' }], { duration: 400, easing: 'cubic-bezier(0.16, 1, 0.3, 1)', fill: 'forwards' });
     }
 
     hideCategoryButtons() {