fix(MessageInput): add container className

- fixes layering issue (z-index)
GetStream · Aug 1, 2022 · a5e7908 · a5e7908
1 parent 592b632
commit a5e7908
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/MessageInput/MessageInputFlat.tsx b/src/components/MessageInput/MessageInputFlat.tsx
@@ -241,7 +241,12 @@ const MessageInputV2 = <
 
               <div className='str-chat__message-textarea-emoji-picker'>
                 {emojiPickerIsOpen && (
-                  <div style={styles.popper} {...attributes.popper} ref={setPopperElement}>
+                  <div
+                    className='str-chat__message-textarea-emoji-picker-container'
+                    style={styles.popper}
+                    {...attributes.popper}
+                    ref={setPopperElement}
+                  >
                     <EmojiPicker />
                   </div>
                 )}