diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index 215b2e6ea..9e9019906 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -1,12 +1,13 @@
 <template>
-    <div class="chat-input-wrapper" :class="modeClass">
-        <div ref="editor" class="no-dark-content" :style="editorStyle" @paste="handlePaste"></div>
-        <div class="chat-input-toolbar">
+    <div class="chat-input-wrapper" :class="modeClass" @click.stop="focus">
+        <div ref="editor" class="no-dark-content" :style="editorStyle" @click.stop="" @paste="handlePaste"></div>
+        <div class="chat-input-toolbar" @click.stop="">
             <slot name="toolbarBefore"/>
 
             <EPopover
                 v-model="showEmoji"
                 :visibleArrow="false"
+                placement="top"
                 popperClass="chat-input-emoji-popover">
                 <ETooltip slot="reference" ref="emojiTip" :disabled="!$isDesktop || showEmoji" placement="top" :content="$L('表情')">
                     <i class="taskfont" @click="onToolbar('emoji')">&#xe7ad;</i>
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 6e09fc795..a23593d34 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -414,7 +414,7 @@
             }
             .messenger-msg {
                 z-index: 49;
-                transition: transform 0.2s;
+                transition: transform 0.3s;
                 transform: translateX(120%);
                 .msg-dialog-bg {
                     display: none;