v3.1.2

changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 2025-12-08 - 3.1.2 - fix(DeesAppuiMainmenu, DeesAppuiSecondarymenu)
+Add position: relative to main and secondary app UI menus to fix positioning of overlays and tooltips
+
+- ts_web/elements/00group-appui/dees-appui-mainmenu/dees-appui-mainmenu.ts: add `position: relative` to host styles
+- ts_web/elements/00group-appui/dees-appui-secondarymenu/dees-appui-secondarymenu.ts: add `position: relative` to host styles
+- Fixes incorrect positioning for absolutely positioned children (tooltips, overlays, badges) inside the main and secondary menus
+
 ## 2025-12-08 - 3.1.1 - fix(dees-appui)
 Extract demos for main and secondary app menus, adjust collapsed styles and toggle placement, bump devDependency
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.1.1',
+  version: '3.1.2',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-appui/dees-appui-mainmenu/dees-appui-mainmenu.ts

@@ -57,6 +57,7 @@ export class DeesAppuiMainmenu extends DeesElement {
         --menu-width-collapsed: 56px;
         --tooltip-bg: ${cssManager.bdTheme('#18181b', '#fafafa')};
         --tooltip-fg: ${cssManager.bdTheme('#fafafa', '#18181b')};
+        position: relative;
         display: block;
         height: 100%;
       }

ts_web/elements/00group-appui/dees-appui-secondarymenu/dees-appui-secondarymenu.ts

@@ -77,6 +77,7 @@ export class DeesAppuiSecondarymenu extends DeesElement {
         --badge-error-bg: ${cssManager.bdTheme('#fee2e2', '#450a0a')};
         --badge-error-fg: ${cssManager.bdTheme('#991b1b', '#f87171')};
 
+        position: relative;
         display: block;
         height: 100%;
         width: var(--sidebar-width-expanded);