EZP-28773: [v2] Issues with page scrolling during actions in rich tex…

…t editor

src/bundle/Resources/public/js/alloyeditor/src/buttons/ez-btn-embed.js

@@ -28,7 +28,13 @@ export default class EzBtnEmbed extends EzEmbedDiscoverContentButton {
     addEmbed(items) {
         const contentInfo = items[0].ContentInfo.Content._id;
 
-        this.execCommand();
+        if (navigator.userAgent.indexOf('Chrome') > -1) {
+            const scrollY = window.pageYOffset;
+            this.execCommand();
+            window.scroll(window.pageXOffset, scrollY);
+        } else {
+            this.execCommand();
+        }
         this.setContentInfo(contentInfo);
 
         const widget = this.getWidget();

src/bundle/Resources/public/js/alloyeditor/src/buttons/ez-btn-image.js

@@ -28,7 +28,14 @@ export default class EzBtnImage extends EzEmbedImageButton {
     addImage(items) {
         const content = items[0].ContentInfo.Content;
 
-        this.execCommand();
+        if (navigator.userAgent.indexOf('Chrome') > -1) {
+            const scrollY = window.pageYOffset;
+            this.execCommand();
+            window.scroll(window.pageXOffset, scrollY);
+        } else {
+            this.execCommand();
+        }
+
         this.setContentInfo(content._id);
 
         const widget = this.getWidget()

src/bundle/Resources/public/js/alloyeditor/src/buttons/ez-btn-linkedit.js

@@ -75,7 +75,9 @@ export default class EzBtnLinkEdit extends Component {
                 this.state.element.setAttribute(
                     'href', 'ezlocation://' + items[0].id
                 );
-                this.focusEditedLink();
+                this.invokeWithFixedScrollbar(() => {
+                    this.focusEditedLink();
+                });
 
                 ReactDOM.unmountComponentAtNode(udwContainer);
             };
@@ -299,7 +301,10 @@ export default class EzBtnLinkEdit extends Component {
         } else if (event.keyCode === 27) {
             const editor = this.props.editor.get('nativeEditor');
             new CKEDITOR.Link(editor).advanceSelection();
-            editor.fire('actionPerformed', this);
+
+            this.invokeWithFixedScrollbar(() => {
+                editor.fire('actionPerformed', this);
+            });
         }
     }
 
@@ -351,7 +356,9 @@ export default class EzBtnLinkEdit extends Component {
 
         this.props.cancelExclusive();
 
-        editor.fire('actionPerformed', this);
+        this.invokeWithFixedScrollbar(() => {
+            editor.fire('actionPerformed', this);
+        });
     }
 
     /**
@@ -386,14 +393,33 @@ export default class EzBtnLinkEdit extends Component {
             linkAttrs.href = this.state.linkHref;
             linkUtils.update(linkAttrs, this.state.element, modifySelection);
 
-            editor.fire('actionPerformed', this);
+            this.invokeWithFixedScrollbar(() => {
+                editor.fire('actionPerformed', this);
+            });
         }
 
         // We need to cancelExclusive with the bound parameters in case the
         // button is used inside another component in exclusive mode (such
         // is the case of the link button)
         this.props.cancelExclusive();
     }
+
+    /**
+     * Saves current scrollbar position, invokes callback function and scrolls
+     * to the saved position afterward.
+     *
+     * @method invokeWithFixedScrollbar
+     * @param {Function} callback invoked after saving current scrollbar position
+     */
+    invokeWithFixedScrollbar(callback) {
+        if (navigator.userAgent.indexOf('Chrome') > -1) {
+            const scrollY = window.pageYOffset;
+            callback();
+            window.scroll(window.pageXOffset, scrollY);
+        } else {
+            callback();
+        }
+    }
 }
 
 AlloyEditor.Buttons[EzBtnLinkEdit.key] = AlloyEditor.ButtonLinkEdit = EzBtnLinkEdit;