Do not close messageButtonsBar if emojipicker is open

Signed-off-by: marco <marcoambrosini@pm.me>

src/components/MessagesList/MessagesGroup/Message/Message.vue

@@ -148,9 +148,10 @@ the main body of the message as well as a quote.
 
 		<!-- Message actions -->
 		<MessageButtonsBar v-if="hasMessageButtonsBar"
-			v-show="showMessageButtonsBar || isActionMenuOpen"
+			v-show="showMessageButtonsBar || isActionMenuOpen || isEmojiPickerOpen"
 			ref="messageButtonsBar"
 			:is-action-menu-open.sync="isActionMenuOpen"
+			:is-emoji-picker-open.sync="isEmojiPickerOpen"
 			:message-api-data="messageApiData"
 			:message-object="messageObject"
 			v-bind="$props"
@@ -358,6 +359,7 @@ export default {
 			// whether the message was seen, only used if this was marked as last read message
 			seen: false,
 			isActionMenuOpen: false,
+			isEmojiPickerOpen: false,
 			detailedReactionsRequested: false,
 		}
 	},

src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue

@@ -114,7 +114,9 @@
 				</template>
 			</Button>
 			<EmojiPicker :container="`#message_${id}`"
-				@select="handleReactionClick">
+				@select="handleReactionClick"
+				@after-show="onEmojiPickerOpen"
+				@after-hide="onEmojiPickerClose">
 				<Button type="tertiary">
 					<template #icon>
 						<Plus :size="20" />
@@ -432,6 +434,14 @@ export default {
 		onMenuClose() {
 			this.$emit('update:isActionMenuOpen', false)
 		},
+
+		onEmojiPickerOpen() {
+			this.$emit('update:isEmojiPickerOpen', true)
+		},
+
+		onEmojiPickerClose() {
+			this.$emit('update:isEmojiPickerOpen', false)
+		},
 	},
 }
 </script>