From b0107f41288475116e2a958ad4f18ca13db0c8f3 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Fri, 13 Jun 2025 14:44:32 +0800
Subject: [PATCH] fix: update z-index values for DialogWrapper components to
 ensure proper stacking context

---
 .../base/form/components/field/input-type-select/index.tsx      | 2 +-
 .../rag-pipeline/components/input-field/dialog-wrapper.tsx      | 2 +-
 .../components/input-field/editor/dialog-wrapper.tsx            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/form/components/field/input-type-select/index.tsx b/web/app/components/base/form/components/field/input-type-select/index.tsx
index d86ea13980..256fd872d2 100644
--- a/web/app/components/base/form/components/field/input-type-select/index.tsx
+++ b/web/app/components/base/form/components/field/input-type-select/index.tsx
@@ -50,7 +50,7 @@ const InputTypeSelectField = ({
         }}
         popupProps={{
           className: 'w-[368px]',
-          wrapperClassName: 'z-40',
+          wrapperClassName: 'z-[9999999]',
           itemClassName: 'gap-x-1',
         }}
         CustomTrigger={renderTrigger}
diff --git a/web/app/components/rag-pipeline/components/input-field/dialog-wrapper.tsx b/web/app/components/rag-pipeline/components/input-field/dialog-wrapper.tsx
index b0273962b4..552be5cd6c 100644
--- a/web/app/components/rag-pipeline/components/input-field/dialog-wrapper.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/dialog-wrapper.tsx
@@ -21,7 +21,7 @@ const DialogWrapper = ({
   const close = useCallback(() => onClose?.(), [onClose])
   return (
     <Transition appear show={show} as={Fragment}>
-      <Dialog as='div' className='relative z-[2000]' onClose={close}>
+      <Dialog as='div' className='relative z-[1000000]' onClose={close}>
         <TransitionChild>
           <div className={cn(
             'fixed inset-0 bg-black/25',
diff --git a/web/app/components/rag-pipeline/components/input-field/editor/dialog-wrapper.tsx b/web/app/components/rag-pipeline/components/input-field/editor/dialog-wrapper.tsx
index 297c7efb94..1cfaebb69d 100644
--- a/web/app/components/rag-pipeline/components/input-field/editor/dialog-wrapper.tsx
+++ b/web/app/components/rag-pipeline/components/input-field/editor/dialog-wrapper.tsx
@@ -21,7 +21,7 @@ const DialogWrapper = ({
   const close = useCallback(() => onClose?.(), [onClose])
   return (
     <Transition appear show={show} as={Fragment}>
-      <Dialog as='div' className='relative z-[2001]' onClose={close}>
+      <Dialog as='div' className='relative z-[1000001]' onClose={close}>
         <TransitionChild>
           <div className={cn(
             'fixed inset-0 bg-black/25',