refactor: support multiple values in --vaadin-item-overlay-padding (#10652) (#10655)

vaadin-bot · jouni · web-flow · commit 1d3c1c6b2f17 · 2025-12-15T14:38:20.000+02:00
Co-authored-by: Jouni Koivuviita &lt;jouni@vaadin.com&gt;
diff --git a/packages/combo-box/src/styles/vaadin-combo-box-overlay-base-styles.js b/packages/combo-box/src/styles/vaadin-combo-box-overlay-base-styles.js
@@ -31,9 +31,10 @@ export const comboBoxOverlayStyles = [
 
     [part='loader'] {
       position: absolute;
-      inset: calc(var(--vaadin-item-overlay-padding, 4px) + 2px);
+      inset: var(--vaadin-item-overlay-padding, 4px);
       inset-block-end: auto;
       inset-inline-start: auto;
+      margin: 2px;
     }
   `,
 ];
diff --git a/packages/combo-box/src/styles/vaadin-combo-box-scroller-base-styles.js b/packages/combo-box/src/styles/vaadin-combo-box-scroller-base-styles.js
@@ -17,7 +17,8 @@ export const comboBoxScrollerStyles = css`
   }
 
   #selector {
-    border: var(--vaadin-item-overlay-padding, 4px) solid transparent;
+    border: 0 solid transparent;
+    border-width: var(--vaadin-item-overlay-padding, 4px);
     position: relative;
     forced-color-adjust: none;
     min-height: var(--_items-min-height, auto);

Original file line number	Diff line number	Diff line change
@@ -17,7 +17,8 @@ export const comboBoxScrollerStyles = css`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`#selector {`
`20`		`- border: var(--vaadin-item-overlay-padding, 4px) solid transparent;`
	`20`	`+ border: 0 solid transparent;`
	`21`	`+ border-width: var(--vaadin-item-overlay-padding, 4px);`
`21`	`22`	`position: relative;`
`22`	`23`	`forced-color-adjust: none;`
`23`	`24`	`min-height: var(--_items-min-height, auto);`