fix(picker): update picker display and icon flex properties to resolv…

…e layout bugs (#3220)
adobe · Oct 11, 2024 · b28e1d4 · b28e1d4
1 parent 812e824
commit b28e1d4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/chatty-sheep-draw.md b/.changeset/chatty-sheep-draw.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/picker": minor
+---
+
+Applies flex-shrink to validation icons to prevent icon from resizing when label is long enough to be truncated.
diff --git a/components/picker/index.css b/components/picker/index.css
@@ -397,6 +397,7 @@
 }
 
 .spectrum-Picker-validationIcon {
+	flex-shrink: 0;
 	margin-block-start: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
 	margin-block-end: calc(var(--mod-picker-spacing-top-to-alert-icon, var(--spectrum-picker-spacing-top-to-alert-icon)) - var(--mod-picker-border-width, var(--spectrum-picker-border-width)));
 }