From b46511dd7bc94b2541d61f420c44d00319a70e15 Mon Sep 17 00:00:00 2001
From: Yuhao <liyuhao20001118@gmail.com>
Date: Sun, 21 May 2023 17:21:01 +0800
Subject: [PATCH] fix: emoji-picker-z-index (#125)

Co-authored-by: yuhao1118 <yuhao1118@bytedance.net>
---
 web/app/components/base/emoji-picker/index.tsx | 1 +
 web/app/components/base/modal/index.tsx        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/emoji-picker/index.tsx b/web/app/components/base/emoji-picker/index.tsx
index 7994449383..47dbeaaa5d 100644
--- a/web/app/components/base/emoji-picker/index.tsx
+++ b/web/app/components/base/emoji-picker/index.tsx
@@ -80,6 +80,7 @@ const EmojiPicker: FC<IEmojiPickerProps> = ({
     onClose={() => { }}
     isShow
     closable={false}
+    wrapperClassName='!z-40'
     className={cn(s.container, '!w-[362px] !p-0')}
   >
     <div className='flex flex-col items-center w-full p-3'>
diff --git a/web/app/components/base/modal/index.tsx b/web/app/components/base/modal/index.tsx
index a83bafa5be..7c11089769 100644
--- a/web/app/components/base/modal/index.tsx
+++ b/web/app/components/base/modal/index.tsx
@@ -26,7 +26,7 @@ export default function Modal({
 }: IModal) {
   return (
     <Transition appear show={isShow} as={Fragment}>
-      <Dialog as="div" className="relative z-10" onClose={onClose}>
+      <Dialog as="div" className={`relative z-10 ${wrapperClassName}`} onClose={onClose}>
         <Transition.Child
           as={Fragment}
           enter="ease-out duration-300"