Updated: Smart::Select paddings and dropdown position

Miexil · aprentout · commit 2e9245c5e825 · 2025-09-05T10:07:31.000+02:00
diff --git a/addon/components/o-s-s/smart/immersive/select.ts b/addon/components/o-s-s/smart/immersive/select.ts
@@ -127,7 +127,7 @@ export default class OSSSmartImmersiveSelectComponent extends BaseDropdown<OSSSm
       this.cleanupDrodpownAutoplacement = attachDropdown(
         referenceTarget as HTMLElement,
         floatingTarget as HTMLElement,
-        { maxHeight: 300, maxWidth: 320, placementStrategy: 'auto' }
+        { maxHeight: 300, maxWidth: 320, placement: 'bottom-start', fallbackPlacements: ['top-start'] }
       );
     }
   }
diff --git a/app/styles/base/_infinite-select.less b/app/styles/base/_infinite-select.less
@@ -54,6 +54,7 @@
   border-radius: var(--border-radius-md);
   box-shadow: var(--box-shadow-md);
   padding: var(--spacing-px-6);
+  gap: var(--spacing-px-6);
 
   &.upf-power-select__dropdown  {
     overflow: auto;
@@ -66,7 +67,7 @@
   }
 
   .upf-infinite-select--search {
-    margin: var(--spacing-px-12);
+    margin: var(--spacing-px-6);
     margin-bottom: var(--spacing-px-3);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@ export default class OSSSmartImmersiveSelectComponent extends BaseDropdown<OSSSm`
`127`	`127`	`this.cleanupDrodpownAutoplacement = attachDropdown(`
`128`	`128`	`referenceTarget as HTMLElement,`
`129`	`129`	`floatingTarget as HTMLElement,`
`130`		`- { maxHeight: 300, maxWidth: 320, placementStrategy: 'auto' }`
	`130`	`+ { maxHeight: 300, maxWidth: 320, placement: 'bottom-start', fallbackPlacements: ['top-start'] }`
`131`	`131`	`);`
`132`	`132`	`}`
`133`	`133`	`}`
Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@`
`54`	`54`	`border-radius: var(--border-radius-md);`
`55`	`55`	`box-shadow: var(--box-shadow-md);`
`56`	`56`	`padding: var(--spacing-px-6);`
	`57`	`+ gap: var(--spacing-px-6);`
`57`	`58`
`58`	`59`	`&.upf-power-select__dropdown {`
`59`	`60`	`overflow: auto;`
`@@ -66,7 +67,7 @@`
`66`	`67`	`}`
`67`	`68`
`68`	`69`	`.upf-infinite-select--search {`
`69`		`- margin: var(--spacing-px-12);`
	`70`	`+ margin: var(--spacing-px-6);`
`70`	`71`	`margin-bottom: var(--spacing-px-3);`
`71`	`72`	`}`
`72`	`73`