Keep the FLD library HUD visible after an element is selected

Resolves #16521
[ci skip]

Author: brandonkelly

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## Unreleased
 
+- The field layout element library HUD is no longer closed automatically when an element is selected. ([#16521](https://github.com/craftcms/cms/discussions/16521))
 - Added `craft\web\User::getDefaultReturnUrl()`.
 - Fixed a bug where Entries fields’ entry select modals could show expand/collapse toggles for Structure sections, for elements that didn’t have any selectable descendants. ([#16506](https://github.com/craftcms/cms/issues/16506))
 - Fixed a bug where changes to custom fields within nested Matrix entries weren’t getting merged into existing drafts for the same owner element. ([#16519](https://github.com/craftcms/cms/issues/16519))

src/web/assets/cp/dist/cp.js

@@ -322,6 +322,7 @@ Craft.FieldLayoutDesigner = Garnish.Base.extend(
 
       this.addListener($elements, 'activate', (ev) => {
         ev.stopPropagation();
+        ev.originalEvent.preventDefault();
         this.addLibraryElementToActiveTab(ev.currentTarget);
       });
     },
@@ -368,10 +369,6 @@ Craft.FieldLayoutDesigner = Garnish.Base.extend(
       const element = tab.initElement($element);
       element.updatePositionInConfig();
       this.tabGrid.refreshCols(true);
-
-      Garnish.requestAnimationFrame(() => {
-        hud.hide();
-      });
     },
   },
   {
@@ -486,7 +483,6 @@ Craft.FieldLayoutDesigner.Tab = Garnish.Base.extend({
       this.designer.$fieldLibrary.scrollTop(0);
     });
     hud.on('hide', () => {
-      this.designer.$libraryContainer.appendTo(this.designer.$innerContainer);
       this.$addBtn.focus();
     });
 
@@ -1712,15 +1708,6 @@ Craft.FieldLayoutDesigner.ElementDrag =
       }
 
       this.setMidpoints();
-
-      // If we're dragging an element from the library, and it's within an HUD,
-      // hide the HUD
-      if (this.draggingLibraryElement) {
-        const $hud = this.$draggee.closest('.fld-library-hud');
-        if ($hud.length) {
-          $hud.data('hud').hide();
-        }
-      }
     },
 
     /**

src/web/assets/cp/dist/cp.js.map

@@ -1072,7 +1072,10 @@ $.extend($.event.special, {
           }
 
           if (!disabled) {
-            $elem.trigger('activate');
+            $elem.trigger({
+              type: 'activate',
+              originalEvent: e,
+            });
           }
         },
         'keydown.garnish-activate': function (e) {
@@ -1092,7 +1095,10 @@ $.extend($.event.special, {
           }
 
           if (!$elem.hasClass('disabled')) {
-            $elem.trigger('activate');
+            $elem.trigger({
+              type: 'activate',
+              originalEvent: e,
+            });
           }
         },
       });