From 87ec67741f8a8300c2d34964fe8e7819837c0bc1 Mon Sep 17 00:00:00 2001 From: Ivan Ramljak Date: Wed, 18 Sep 2024 08:57:03 +0200 Subject: [PATCH] Fix select2 menu visibility when nested in side AnimatedVisibility component --- lib/components/select/styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/components/select/styles.js b/lib/components/select/styles.js index 803ccb6..50e6335 100644 --- a/lib/components/select/styles.js +++ b/lib/components/select/styles.js @@ -19,7 +19,7 @@ const multiValueRemoveStyles = const clearIndicatorStyles = 'es-uic-text-gray-500 es-uic-p-1 es-uic-rounded-md hover:bg-red-50 hover:text-red-800 es-uic-transition'; const dropdownIndicatorStyles = 'es-uic-text-gray-500 es-uic-px-1 group-hover:es-uic-text-black [&>svg]:es-uic-transition-transform [&>svg]:es-uic-duration-500 [&>svg]:es-uic-size-5.5'; -const menuStyles = 'es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden'; +const menuStyles = 'es-uic-relative es-uic-z-50 es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-mt-1 es-uic-text-sm es-uic-overflow-x-hidden'; const optionStyles = { base: 'es-uic-p-2 !es-uic-flex es-uic-items-center es-uic-gap-1.5 es-uic-text-gray-800 es-uic-rounded [&>svg]:es-uic-size-5 [&>svg]:es-uic-text-gray-500 es-uic-transition es-uic-mx-1 first:es-uic-mt-1 last:es-uic-mb-1 !es-uic-w-auto es-uic-min-h-9', focus: 'es-uic-bg-gray-100 active:es-uic-bg-teal-700/15',