Fix autowidth computation taking into account the indicator width (#70)

fcollonval · web-flow · commit ee581847829e · 2023-08-20T15:59:29.000+02:00
* Fix autowidth computation taking into account the indicator width

* Fix autowidth for combobox

* Tune yarn config
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -1,5 +1,3 @@
-enableImmutableInstalls: false
-
 nodeLinker: node-modules
 
 yarnPath: .yarn/releases/yarn-3.6.0.cjs
diff --git a/packages/components/src/select/select.styles.ts b/packages/components/src/select/select.styles.ts
@@ -86,6 +86,11 @@ export const selectStyles: FoundationElementTemplate<
       width: 100%;
     }
 
+    :host([autowidth]) ::slotted([role='option']),
+    :host([autowidth]) ::slotted(option) {
+      padding: 0 calc(1em + ${designUnit} * 1.25px + 1px);
+    }
+
     .listbox[hidden] {
       display: none;
     }

Original file line number	Diff line number	Diff line change
`@@ -86,6 +86,11 @@ export const selectStyles: FoundationElementTemplate<`
`86`	`86`	`width: 100%;`
`87`	`87`	`}`
`88`	`88`
	`89`	`+ :host([autowidth]) ::slotted([role='option']),`
	`90`	`+ :host([autowidth]) ::slotted(option) {`
	`91`	`+ padding: 0 calc(1em + ${designUnit} * 1.25px + 1px);`
	`92`	`+ }`
	`93`	`+`
`89`	`94`	`.listbox[hidden] {`
`90`	`95`	`display: none;`
`91`	`96`	`}`