Fixed #6365 - animate-slidedown fails when a Tailwind prefix is used

primefaces · Sep 9, 2024 · 55d4889 · 55d4889
1 parent 78b8c83
commit 55d4889
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/primevue/src/styleclass/StyleClass.d.ts b/packages/primevue/src/styleclass/StyleClass.d.ts
@@ -44,6 +44,10 @@ export interface StyleClassOptions {
      * Style class to add when leave animation is completed.
      */
     leaveToClass?: string | undefined;
+    /**
+     * Special class name to hide an element, only used in slide animation.
+     */
+    hiddenClass?: string | undefined;
     /**
      * Whether to trigger leave animation when outside of the element is clicked.
      * @defaultValue false

diff --git a/packages/primevue/src/styleclass/StyleClass.js b/packages/primevue/src/styleclass/StyleClass.js
@@ -43,9 +43,9 @@ const StyleClass = BaseStyleClass.extend('styleclass', {
 
                     if (binding.value.enterActiveClass.includes('slidedown')) {
                         target.style.height = '0px';
-                        removeClass(target, 'hidden');
+                        removeClass(target, binding.value.hiddenClass || binding.value.enterFromClass);
                         target.style.maxHeight = target.scrollHeight + 'px';
-                        addClass(target, 'hidden');
+                        addClass(target, binding.value.hiddenClass || binding.value.enterActiveClass);
                         target.style.height = '';
                     }