Ticket #42001: 42001.4.diff

src/js/_enqueues/admin/widgets.js

@@ -127 +127 @@
                 });
 
                 $(document.body).bind('click.widgets-toggle', function(e) {
-                        var target = $(e.target),
-                                css = { 'z-index': 100 },
+                        var target = $(e.target), css = {},
                                 widget, inside, targetWidth, widgetWidth, margin, saveButton, widgetId,
                                 toggleBtn = target.closest( '.widget' ).find( '.widget-top button.widget-action' );
 
@@ -212 +211 @@
                         handle: '> .widget-top > .widget-title',
                         distance: 2,
                         helper: 'clone',
-                        zIndex: 100,
+                        zIndex: 101,
                         containment: '#wpwrap',
                         refreshPositions: true,
                         start: function( event, ui ) {

src/wp-admin/css/widgets.css

@@ -6 +6 @@
         box-sizing: border-box;
 }
 
+.widget.open {
+        z-index: 99;
+}
+.widget.open:focus-within {
+        z-index: 100;
+}
+
 .widget-top {
         font-size: 13px;
         font-weight: 600;