@ckeditor/ckeditor5-emoji 45.0.0-alpha.6 → 45.0.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-emoji",
-  "version": "45.0.0-alpha.6",
+  "version": "45.0.0-alpha.8",
   "description": "Emoji feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,13 +13,13 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.0.0-alpha.6",
-    "@ckeditor/ckeditor5-icons": "45.0.0-alpha.6",
-    "@ckeditor/ckeditor5-mention": "45.0.0-alpha.6",
-    "@ckeditor/ckeditor5-typing": "45.0.0-alpha.6",
-    "@ckeditor/ckeditor5-ui": "45.0.0-alpha.6",
-    "@ckeditor/ckeditor5-utils": "45.0.0-alpha.6",
-    "ckeditor5": "45.0.0-alpha.6",
+    "@ckeditor/ckeditor5-core": "45.0.0-alpha.8",
+    "@ckeditor/ckeditor5-icons": "45.0.0-alpha.8",
+    "@ckeditor/ckeditor5-mention": "45.0.0-alpha.8",
+    "@ckeditor/ckeditor5-typing": "45.0.0-alpha.8",
+    "@ckeditor/ckeditor5-ui": "45.0.0-alpha.8",
+    "@ckeditor/ckeditor5-utils": "45.0.0-alpha.8",
+    "ckeditor5": "45.0.0-alpha.8",
     "fuzzysort": "3.1.0",
     "es-toolkit": "1.32.0"
   },

package/src/emojipicker.d.ts

@@ -82,6 +82,8 @@ export default class EmojiPicker extends Plugin {
     private _createEmojiPickerFormView;
     /**
      * Hides the balloon with the emoji picker.
+     *
+     * @param updateFocus Whether to focus the editor after closing the emoji picker.
      */
     private _hideUI;
     /**

package/src/emojipicker.js

@@ -128,6 +128,7 @@ export default class EmojiPicker extends Plugin {
             isToggleable: true
         });
         buttonView.on('execute', () => {
+            this.editor.editing.view.scrollToTheSelection();
             this.showUI();
         });
         return buttonView;
@@ -178,18 +179,28 @@ export default class EmojiPicker extends Plugin {
         clickOutsideHandler({
             emitter: emojiPickerFormView,
             contextElements: [this.balloonPlugin.view.element],
-            callback: () => this._hideUI(),
+            callback: () => {
+                // Focusing on the editable during a click outside the balloon panel might
+                // cause the selection to move to the beginning of the editable, so we avoid
+                // focusing on it during this action.
+                // See: https://github.com/ckeditor/ckeditor5/issues/18253
+                this._hideUI(false);
+            },
             activator: () => this.balloonPlugin.visibleView === emojiPickerFormView
         });
         return emojiPickerFormView;
     }
     /**
      * Hides the balloon with the emoji picker.
+     *
+     * @param updateFocus Whether to focus the editor after closing the emoji picker.
      */
-    _hideUI() {
+    _hideUI(updateFocus = true) {
         this.balloonPlugin.remove(this.emojiPickerFormView);
         this.emojiPickerView.searchView.setInputValue('');
-        this.editor.editing.view.focus();
+        if (updateFocus) {
+            this.editor.editing.view.focus();
+        }
         this._hideFakeVisualSelection();
     }
     /**