fixed Sidebar: using unstyled mode and Tailwind theme, the :modal="fa…

…lse" doesn't work. Can't disable the modal layer. #4288
primefaces · Aug 18, 2023 · 3fe058e · 3fe058e
1 parent 7b09579
commit 3fe058e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
@@ -551,9 +551,9 @@ export default {
         content: {
             class: ['p-5 pt-0 h-full w-full', 'grow overflow-y-auto']
         },
-        mask: {
-            class: ['flex pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20 transition-colors']
-        },
+        mask: ({ props }) => ({
+            class: ['flex pointer-events-auto', 'transition duration-200 z-20 transition-colors', { 'bg-black/40': props.modal }]
+        }),
         transition: ({ props }) => {
             return props.position === 'top'
                 ? {