design.estate/dees-catalog
3
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Jürgen Kunz
2025-09-09 11:18:56 +00:00
parent 05f669a7bd
commit e21fb79731
3 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ts_web/elements/dees-input-list.ts
View File

@@ -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;
}
`,
];