Fix #5676: Dropdown Tailwind disabled item (#5677)

primefaces · Jan 3, 2024 · bd1bf3d · bd1bf3d
1 parent c7fe6c9
commit bd1bf3d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/components/doc/dropdown/theming/tailwinddoc.js b/components/doc/dropdown/theming/tailwinddoc.js
@@ -53,7 +53,8 @@ const Tailwind = {
                     'text-gray-700': !context.focused && !context.selected,
                     'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90': context.focused && !context.selected,
                     'bg-blue-400 text-blue-700 dark:bg-blue-400 dark:text-white/80': context.focused && context.selected,
-                    'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected
+                    'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected,
+                    'opacity-60 select-none pointer-events-none cursor-default': context.disabled
                 }
             )
         }),

diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
@@ -1103,7 +1103,8 @@ const Tailwind = {
                 'text-gray-700 hover:text-gray-700 hover:bg-gray-200 dark:text-white/80 dark:hover:bg-gray-800': !context.focused && !context.selected,
                 'bg-gray-300 text-gray-700 dark:text-white/80 dark:bg-gray-800/90 hover:text-gray-700 hover:bg-gray-200 dark:text-white/80 dark:hover:bg-gray-800': context.focused && !context.selected,
                 'bg-blue-100 text-blue-700 dark:bg-blue-400 dark:text-white/80': context.focused && context.selected,
-                'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected
+                'bg-blue-50 text-blue-700 dark:bg-blue-300 dark:text-white/80': !context.focused && context.selected,
+                'opacity-60 select-none pointer-events-none cursor-default': context.disabled
             })
         }),
         itemGroup: {