Merge pull request #3910 from umaysahan/emoji_panel_bug

emoji panel bug has solved
CrocSwap · Jul 22, 2024 · a00fb98 · a00fb98
2 parents 8610147 + 2564a03
commit a00fb98
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Chat/MessagePanel/InputBox/MessageInput.module.css b/src/components/Chat/MessagePanel/InputBox/MessageInput.module.css
@@ -355,4 +355,7 @@
         height: 1.2rem;
     }
 
+}
+section[class^="emoji-scroll-wrapper"]{
+    scroll-behavior: auto;
 }
diff --git a/src/components/Chat/MessagePanel/InputBox/MessageInput.tsx b/src/components/Chat/MessagePanel/InputBox/MessageInput.tsx
@@ -656,7 +656,10 @@ export default function MessageInput(props: MessageInputProps) {
                         </div>
                     </div>
                     {showEmojiPicker && (
-                        <div className={styles.emojiPicker}>
+                        <div
+                            className={styles.emojiPicker}
+                            style={{ width: '100%' }}
+                        >
                             <span className={styles.emoji_close_button}>
                                 <RiCloseFill
                                     size={20}
@@ -691,7 +694,6 @@ export default function MessageInput(props: MessageInputProps) {
                                 <Picker
                                     pickerStyle={{
                                         width: '100%',
-                                        height: '89%',
                                     }}
                                     onEmojiClick={handleEmojiClick}
                                     disableSkinTonePicker={true}