MC-5443: IE11 - Cannot Use Slide Item Option Menu

Force minimum interaction level to be 0 and trigger interaction stop if focused on another slide in slider

Author: danmooney2

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

@@ -172,20 +172,29 @@ export default class Preview extends PreviewCollection {
      * @param {JQueryEventObject} event
      */
     public onFocusOut(data: PreviewCollection, event: JQueryEventObject) {
-        let relatedTarget = event.relatedTarget;
+        let relatedTarget = event.relatedTarget,
+            $relatedTarget;
 
         if (!relatedTarget && document.activeElement && !(document.activeElement instanceof HTMLBodyElement)) {
             relatedTarget = document.activeElement;
         }
 
-        const relatedTargetIsDescendantOfNavigation = (
-            relatedTarget &&
-            $(relatedTarget as HTMLElement).closest(this.navigationElement).length
-        );
+        if (!relatedTarget) {
+            this.setFocusedSlide(null);
+            return;
+        }
 
-        const shouldUnsetFocusedSlide = !relatedTarget || !relatedTargetIsDescendantOfNavigation;
+        $relatedTarget = $(relatedTarget as HTMLElement);
+
+        const isRelatedTargetDescendantOfNavigation = $relatedTarget.closest(this.navigationElement).length;
+        const isFocusedOnAnotherSlideInThisSlider = (
+            $relatedTarget.hasClass("navigation-dot-anchor") &&
+            isRelatedTargetDescendantOfNavigation
+        );
 
-        if (shouldUnsetFocusedSlide) {
+        if (isFocusedOnAnotherSlideInThisSlider) {
+            events.trigger("stage:interactionStop");
+        } else if (!isRelatedTargetDescendantOfNavigation) {
             this.setFocusedSlide(null);
         }
     }

app/code/Magento/PageBuilder/view/adminhtml/web/js/stage.js

@@ -199,7 +199,9 @@ export default class Stage {
         });
         events.on("stage:interactionStop", (args: {force: boolean}) => {
             const forced = (_.isObject(args) && args.force === true);
-            if (--interactionLevel === 0 || forced) {
+            interactionLevel = Math.max(interactionLevel - 1, 0);
+
+            if (interactionLevel === 0 || forced) {
                 this.interacting(false);
                 if (forced) {
                     interactionLevel = 0;