#514: User sees content snapshot on Category Page in Admin Panel

- remove redundant methods

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/js/form/element/wysiwyg.js

@@ -57,7 +57,7 @@ define([
         initObservable: function () {
             this._super()
                 .observe('isComponentInitialized visiblePageBuilder wysiwygConfigData loading transition ' +
-                    'transitionOut');
+                    'transitionOut overlayMouseover');
 
             return this;
         },
@@ -100,10 +100,6 @@ define([
                     selector: this.stageSelector
                 }, this.disableDomObserver.bind(this));
 
-                if (!this.wysiwygConfigData()['pagebuilder_button']) {
-                    this.visiblePageBuilder(true);
-                }
-
                 if (!this.wysiwygConfigData()['pagebuilder_button'] ||
                     this.wysiwygConfigData()['pagebuilder_content_snapshot']) {
                     this.visiblePageBuilder(true);
@@ -153,26 +149,6 @@ define([
             }
         },
 
-        /**
-         * Overlay MouseOver
-         */
-        onOverlayMouseOver: function () {
-            if (!this.overlayMouseover && !$(this.overlaySelector).hasClass('_hover')) {
-                $(this.overlaySelector).addClass('_hover');
-            }
-            this.overlayMouseover = true;
-        },
-
-        /**
-         * Overlay MouseOut
-         */
-        onOverlayMouseOut: function () {
-            if (this.overlayMouseover && $(this.overlaySelector).hasClass('_hover')) {
-                $(this.overlaySelector).removeClass('_hover');
-            }
-            this.overlayMouseover = false;
-        },
-
         /**
          * Press Enter key on Overlay
          */

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/wysiwyg.html

@@ -11,7 +11,7 @@
             class="action-default action"
             ko-disabled="disabled"
             click="pageBuilderEditButtonClick.bind($data)"
-            event="{ mouseover: onOverlayMouseOver, mouseout: onOverlayMouseOut }, mouseoverBubble: false">
+            event="{ mouseover: overlayMouseover.bind($data, true), mouseout: overlayMouseover.bind($data, false) }, mouseoverBubble: false">
         <span translate="pageBuilderEditButtonText" />
     </button>
     <if args="isComponentInitialized">
@@ -21,8 +21,8 @@
             <div if="wysiwygConfigData()['pagebuilder_content_snapshot']"
                  class="pagebuilder-wysiwyg-overlay"
                  click="pageBuilderEditButtonClick.bind($data)"
-                 css="'visible': !pageBuilder.isFullScreen()"
-                 event="{ mouseover: onOverlayMouseOver, mouseout: onOverlayMouseOut, keydown: onOverlayKeyDown }, mouseoverBubble: false"
+                 css="'visible': !pageBuilder.isFullScreen(), _hover: overlayMouseover"
+                 event="{ mouseover: overlayMouseover.bind($data, true), mouseout: overlayMouseover.bind($data, false), keydown: onOverlayKeyDown }, mouseoverBubble: false"
                  tabindex="0">
             </div>
             <with args="pageBuilder">