fix(dees-input-list): Prevent list animations from affecting scroll bounds and fix content-visibility issues in dees-input-list; add local developer settings

changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 2025-09-08 - 1.11.3 - fix(dees-input-list)
+Prevent list animations from affecting scroll bounds and fix content-visibility issues in dees-input-list; add local developer settings
+
+- dees-input-list: add overflow:hidden to list items to prevent animations from altering scroll bounds and causing visual/scroll glitches
+- dees-input-list: force content-visibility/contain to visible/none to avoid unexpected scrolling/layout issues when items animate
+- Add .claude/settings.local.json with local developer permissions (allows running pnpm scripts via Claude-local tooling)
+
 ## 2025-09-07 - 1.11.2 - fix(DeesFormSubmit)
 Make form submit robust by locating nearest dees-form via closest(); add local CLAUDE settings
 

ts_web/00_commitinfo_data.ts

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

ts_web/elements/dees-input-list.ts

@@ -112,6 +112,7 @@ export class DeesInputList extends DeesInputBase<DeesInputList> {
         background: ${cssManager.bdTheme('hsl(0 0% 100%)', 'hsl(0 0% 3.9%)')};
         transition: all 0.15s ease;
         position: relative;
+        overflow: hidden; /* Prevent animation from affecting scroll bounds */
       }
 
       .list-item:last-of-type {
@@ -324,6 +325,13 @@ export class DeesInputList extends DeesInputBase<DeesInputList> {
       .list-item {
         animation: slideIn 0.2s ease;
       }
+
+      /* Override any inherited contain/content-visibility that might cause scrolling issues */
+      .list-items, .list-item {
+        content-visibility: visible !important;
+        contain: none !important;
+        contain-intrinsic-size: auto !important;
+      }
     `,
   ];