Issue #1855066 by Tom Verhaeghe, Wim Leers, benjifisher: In the "menu" toolbar tray, clicking/tapping white space should show the child level

core/modules/toolbar/css/toolbar.menu.css

@@ -13,6 +13,9 @@
   position: relative;
   width: auto;
 }
+.toolbar .toolbar-box a {
+  display: inline-block;
+}
 .toolbar .toolbar-tray-horizontal .menu .toolbar-handle,
 .toolbar .toolbar-tray-horizontal .menu ul,
 .toolbar .toolbar-tray-vertical .menu ul {

core/modules/toolbar/js/toolbar.menu.js

@@ -52,6 +52,9 @@
       if (!Drupal.toolbar.models.toolbarModel.get('isFixed')) {
         Drupal.toolbar.models.toolbarModel.set('activeTab', null);
       }
+      // Stopping propagation to make sure that once a toolbar-box is clicked
+      // (the whitespace part), the page is not redirected anymore.
+      event.stopPropagation();
     }
 
     /**
@@ -153,7 +156,7 @@
 
     // Bind event handlers.
     $(document)
-      .on('click.toolbar', '.toolbar-handle', toggleClickHandler)
+      .on('click.toolbar', '.toolbar-box', toggleClickHandler)
       .on('click.toolbar', '.toolbar-box a', linkClickHandler);
 
     // Return the jQuery object.