AC-1445: Unable to click Underline in TinyMCE on PageBuilder

Author: krissyhiserote

app/code/Magento/Ui/view/base/web/js/modal/modal.js

@@ -14,11 +14,11 @@ define([
     'text!ui/template/modal/modal-slide.html',
     'text!ui/template/modal/modal-custom.html',
     'Magento_Ui/js/lib/key-codes',
-    'jquery/patches/z-index',
     'jquery-ui-modules/widget',
     'jquery-ui-modules/core',
-    'mage/translate'
-], function ($, _, template, popupTpl, slideTpl, customTpl, keyCodes, zIndex) {
+    'mage/translate',
+    'jquery/z-index'
+], function ($, _, template, popupTpl, slideTpl, customTpl, keyCodes) {
     'use strict';
 
     /**
@@ -342,17 +342,18 @@ define([
          * Set z-index and margin for modal and overlay.
          */
         _setActive: function () {
-            var zIndexValue = zIndex.getValue(this.modal),
-                baseIndex = zIndexValue + this._getVisibleCount();
+            var zIndex = this.modal.zIndex(),
+                baseIndex = zIndex + this._getVisibleCount();
 
             if (this.modal.data('active')) {
                 return;
             }
+
             this.modal.data('active', true);
 
-            this.overlay.css('z-index', ++baseIndex);
-            this.prevOverlayIndex = baseIndex;
-            this.modal.css('z-index', baseIndex + 1);
+            this.overlay.zIndex(++baseIndex);
+            this.prevOverlayIndex = this.overlay.zIndex();
+            this.modal.zIndex(this.overlay.zIndex() + 1);
 
             if (this._getVisibleSlideCount()) {
                 this.modal.css('marginLeft', this.options.modalLeftMargin * this._getVisibleSlideCount());
@@ -367,7 +368,7 @@ define([
             this.modal.data('active', false);
 
             if (this.overlay) {
-                this.overlay.css('z-index', this.prevOverlayIndex - 1);
+                this.overlay.zIndex(this.prevOverlayIndex - 1);
             }
         },
 

lib/web/jquery/patches/z-index.js

@@ -0,0 +1,46 @@
+/*!
+ * zIndex plugin from jQuery UI Core - v1.10.4
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/ui-core/
+ */
+define([
+    'jquery'
+], function ($, undefined) {
+
+// plugins
+    $.fn.extend({
+        zIndex: function (zIndex) {
+            if (zIndex !== undefined) {
+                return this.css("zIndex", zIndex);
+            }
+
+            if (this.length) {
+                var elem = $(this[0]), position, value;
+                while (elem.length && elem[0] !== document) {
+                    // Ignore z-index if position is set to a value where z-index is ignored by the browser
+                    // This makes behavior of this function consistent across browsers
+                    // WebKit always returns auto if the element is positioned
+                    position = elem.css("position");
+                    if (position === "absolute" || position === "relative" || position === "fixed") {
+                        // IE returns 0 when zIndex is not specified
+                        // other browsers return a string
+                        // we ignore the case of nested elements with an explicit value of 0
+                        // <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
+                        value = parseInt(elem.css("zIndex"), 10);
+                        if (!isNaN(value) && value !== 0) {
+                            return value;
+                        }
+                    }
+                    elem = elem.parent();
+                }
+            }
+
+            return 0;
+        }
+    });
+});