Ticket #51631: 51631.4.diff

src/js/_enqueues/lib/nav-menu.js

@@ -1331 +1331 @@
 
         };
 
-        $(document).ready(function(){ wpNavMenu.init(); });
+        $(document).ready(function(){
+                
+                wpNavMenu.init();
+
+                // Prevent element focused to be hidden by the sticky footer
+                $('.menu-edit a, .menu-edit button, .menu-edit input, .menu-edit textarea, .menu-edit select').on('focus',function(e){
+                        if( window.innerWidth  >= 783 ){
+                                
+                                var bottomOffset = $(this).offset().top - ( $(window).scrollTop() + $(window).height() - $(this).height() ) ;
+                                if( bottomOffset > 0 ){ bottomOffset = 0 ; }
+                                bottomOffset = bottomOffset * -1 ;
+
+                                if( bottomOffset < 72 ){
+                                        scrollTop = $(document).scrollTop();
+                                        $(document).scrollTop( scrollTop + ( 72 - bottomOffset ) );
+                                }
+                        }
+                });
+        
+        });
 
-})(jQuery);
+})(jQuery);
+ No newline at end of file

src/wp-admin/css/nav-menus.css

@@ -891 +891 @@
         }
 }
 
+@media only screen and (min-width: 783px) {
+    @supports (position: sticky) and (scroll-margin-bottom: 130px) {
+                
+                #nav-menu-footer {
+                position: sticky;
+                                bottom: 0;
+                                z-index: 10;
+                                box-shadow: 0 -1px 0 0px #ddd;
+        }
+
+        #save_menu_header {
+                display: none;
+        }
+    }
+}
+
 @media only screen and (max-width: 768px) {
         /* menu locations */
         #menu-locations-wrap .widefat {