MC-3709: Safari and firefox button grab handles display on multiple button items

- Updated action group to unfocus button after executing js
- Updated preview component logic to add active options after focus
- Removed unused dependencies

Author: Hwashiang Yu

app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/ContentTypeButtonActionGroup.xml

@@ -14,6 +14,7 @@
         </arguments>
         <comment userInput="Adding Button" stepKey="comment"/>
         <executeJS function="return Math.round(document.getElementsByClassName('pagebuilder-button-item').length+1)" stepKey="initialNumberOfButtonsPlusOne"/>
+        <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="unfocusButtonLiveEdit1"/>
         <moveMouseOver selector="{{PageBuilderStage.contentTypeInStageByIndex(PageBuilderButtonsContentType.role, buttonGroupIndex)}}" stepKey="mouseOverButtonsGroup"/>
         <waitForPageLoad stepKey="waitForPageLoad"/>
         <waitForElementVisible time="10" selector="{{PageBuilderContentTypeOptionsMenu.contentTypeOptionsMenu(PageBuilderButtonsContentType.role)}}" stepKey="waitForOptionsMenu"/>
@@ -25,7 +26,7 @@
             <expectedResult type="variable">initialNumberOfButtonsPlusOne</expectedResult>
             <actualResult type="variable">numberOfButtonsAfterAdd</actualResult>
         </assertEquals>
-        <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="unfocusButtonLiveEdit"/>
+        <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="unfocusButtonLiveEdit2"/>
     </actionGroup>
     <actionGroup name="validateButtonItemContent">
         <arguments>

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/button-item/preview.js

@@ -5,7 +5,6 @@
 
 import $ from "jquery";
 import $t from "mage/translate";
-import _ from "underscore";
 import Option from "../../content-type-menu/option";
 import OptionInterface from "../../content-type-menu/option.d";
 import BasePreview from "../preview";
@@ -61,8 +60,8 @@ export default class Preview extends BasePreview {
         if (!$(currentTarget).hasClass("type-nested")) {
             optionsMenu = optionsMenu.first();
         }
-        optionsMenu.parent().addClass("pagebuilder-options-visible");
         $(currentTarget).find("[data-element='link_text']").focus();
+        optionsMenu.parent().addClass("pagebuilder-options-visible");
         $(currentTarget).addClass("pagebuilder-content-type-active");
     }