From ebfa0a19390c82fbfc05279b3f3405da13dfaf76 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 10 Nov 2022 09:45:41 +0100
Subject: [PATCH] allow drop on group #274

---
 packages/web/src/appobj/AppObjectGroup.svelte | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/web/src/appobj/AppObjectGroup.svelte b/packages/web/src/appobj/AppObjectGroup.svelte
index e7f791602..bf52001ca 100644
--- a/packages/web/src/appobj/AppObjectGroup.svelte
+++ b/packages/web/src/appobj/AppObjectGroup.svelte
@@ -35,19 +35,17 @@
       return res;
     });
   }
-</script>
 
-<div
-  class="group"
-  on:click={() => (isExpanded = !isExpanded)}
-  on:drop={e => {
+  function handleDrop(e) {
     var data = e.dataTransfer.getData('app_object_drag_data');
     if (data && onDropOnGroup) {
       e.stopPropagation();
       onDropOnGroup(data, group);
     }
-  }}
->
+  }
+</script>
+
+<div class="group" on:click={() => (isExpanded = !isExpanded)} on:drop={handleDrop}>
   <span class="expand-icon">
     <FontIcon icon={groupIconFunc(isExpanded)} />
   </span>
@@ -65,18 +63,20 @@
     </div>
   {/if}
 
-  {#each items as item}
-    <AppObjectListItem
-      isHidden={!item.isMatched}
-      {...$$restProps}
-      {module}
-      data={item.data}
-      {checkedObjectsStore}
-      on:objectClick
-      {disableContextMenu}
-      {passProps}
-    />
-  {/each}
+  <div on:drop={handleDrop}>
+    {#each items as item}
+      <AppObjectListItem
+        isHidden={!item.isMatched}
+        {...$$restProps}
+        {module}
+        data={item.data}
+        {checkedObjectsStore}
+        on:objectClick
+        {disableContextMenu}
+        {passProps}
+      />
+    {/each}
+  </div>
 {/if}
 
 <style>