fix(elements/appui): prevent scroll chaining on app UI components by adding overscroll-behavior: contain

changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 2026-01-03 - 3.29.3 - fix(elements/appui)
+prevent scroll chaining on app UI components by adding overscroll-behavior: contain
+
+- Added CSS overscroll-behavior: contain to activity log, main menu, secondary menu, profile dropdown, and tabs components to prevent scroll chaining and unintended body scrolling on touch/trackpad.
+- Styling-only change; no public API or behavioral changes beyond scroll handling.
+- Bump patch version from 3.29.2 to 3.29.3.
+
 ## 2026-01-03 - 3.29.2 - fix(dees-appui)
 set min-height: 0 on .maingrid > dees-appui-maincontent to prevent layout overflow in flex container
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.29.2',
+  version: '3.29.3',
   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-activitylog/dees-appui-activitylog.ts

@@ -122,6 +122,7 @@ export class DeesAppuiActivitylog extends DeesElement implements IActivityLogAPI
         width: 100%;
         padding: 8px 0;
         overflow-y: auto;
+        overscroll-behavior: contain;
         scrollbar-width: thin;
         scrollbar-color: ${cssManager.bdTheme('#d4d4d4', '#333333')} transparent;
       }

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

@@ -164,6 +164,7 @@ export class DeesAppuiMainmenu extends DeesElement {
         flex: 1;
         overflow-y: auto;
         overflow-x: hidden;
+        overscroll-behavior: contain;
         padding: 8px 0;
       }
 

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

@@ -285,6 +285,7 @@ export class DeesAppuiProfileDropdown extends DeesElement {
           max-width: calc(100vw - 32px);
           max-height: calc(100vh - 32px);
           overflow-y: auto;
+          overscroll-behavior: contain;
         }
 
         :host([isopen]) .dropdown {

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

@@ -201,6 +201,7 @@ export class DeesAppuiSecondarymenu extends DeesElement {
         flex: 1;
         overflow-y: auto;
         overflow-x: hidden;
+        overscroll-behavior: contain;
         padding: 8px 0;
       }
 

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

@@ -116,6 +116,7 @@ export class DeesAppuiTabs extends DeesElement {
         font-size: 14px;
         overflow-x: auto;
         overflow-y: hidden;
+        overscroll-behavior: contain;
         scrollbar-width: thin;
         scrollbar-color: transparent transparent;
         height: 100%;