fix(dees-input-list): Prevent list animations from affecting scroll bounds and fix content-visibility issues in dees-input-list; add local developer settings
This commit is contained in:
@@ -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.'
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
`,
|
||||
];
|
||||
|
||||
|
Reference in New Issue
Block a user