From e21fb7973141487b4097014d1107be27bcbb6ac9 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Tue, 9 Sep 2025 11:18:56 +0000
Subject: [PATCH] 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                       | 7 +++++++
 ts_web/00_commitinfo_data.ts       | 2 +-
 ts_web/elements/dees-input-list.ts | 8 ++++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/changelog.md b/changelog.md
index 78b3a2b..950d7d2 100644
--- a/changelog.md
+++ b/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
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 7f5dbf6..5fa06ad 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/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.'
 }
diff --git a/ts_web/elements/dees-input-list.ts b/ts_web/elements/dees-input-list.ts
index 89aa077..8b51970 100644
--- a/ts_web/elements/dees-input-list.ts
+++ b/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;
+      }
     `,
   ];