@eclipse-docks/core 0.7.109 → 0.7.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-docks/core",
-  "version": "0.7.109",
+  "version": "0.7.110",
   "description": "Eclipse Docks platform core: registries, services, parts, widgets, and API",
   "type": "module",
   "license": "EPL-2.0",

package/src/components/command.ts

@@ -60,6 +60,16 @@ export class DocksCommand extends DocksWidget {
     @state()
     private dropdownContributions: Contribution[] = []
 
+    private closeDropdown(dropdown: { open?: boolean } | null | undefined) {
+        if (dropdown && dropdown.open !== undefined) {
+            dropdown.open = false
+        }
+    }
+
+    private closeParentDropdown() {
+        this.closeDropdown(this.closest('wa-dropdown') as { open?: boolean } | null)
+    }
+
     private handleClick(event?: Event) {
         if (this.disabled) return
 
@@ -67,27 +77,20 @@ export class DocksCommand extends DocksWidget {
             event.stopPropagation()
         }
 
+        this.closeParentDropdown()
+
         if (this.action) {
             this.action(event)
             return
         }
 
         if (this.cmd) {
-            const dropdown = this.closest('wa-dropdown') as any;
-            if (dropdown && dropdown.open !== undefined) {
-                dropdown.open = false;
-            }
             void this.executeCommand(this.cmd, this.params);
         }
     }
 
     private handleSelect(event: CustomEvent) {
-        // Close dropdown immediately when any item is selected
-        // This ensures the dropdown is hidden before the command executes
-        const dropdown = event.target as any;
-        if (dropdown && dropdown.open !== undefined) {
-            dropdown.open = false;
-        }
+        this.closeDropdown(event.target as { open?: boolean })
     }
 
     private isInDropdown(): boolean {

package/src/parts/tabs.ts

@@ -469,13 +469,27 @@ export class DocksTabs extends DocksContainer {
             overflow: hidden;
         }
 
-        :host(:is([placement="top"], [placement="bottom"])) wa-tab-group::part(base) {
+        /* Top: nav (order 0) → row 1 auto, body (order 2) → row 2 1fr. */
+        :host([placement="top"]) wa-tab-group::part(base) {
             display: grid;
             grid-template-rows: auto minmax(0, 1fr);
             height: 100%;
             width: 100%;
         }
 
+        /* Bottom: body (order 1) → row 1 1fr, nav (order 2) → row 2 auto. */
+        :host([placement="bottom"]) wa-tab-group::part(base) {
+            display: grid;
+            grid-template-rows: minmax(0, 1fr) auto;
+            height: 100%;
+            width: 100%;
+        }
+
+        :host([placement="bottom"]) wa-tab-group::part(body) {
+            min-height: 0;
+            overflow: hidden;
+        }
+
         :host(:is([placement="start"], [placement="end"])) wa-tab-group::part(base) {
             height: 100%;
             width: 100%;