chore(select): do not line-wrap selected option

mlaursen · Nov 10, 2024 · 3fa3869 · 3fa3869
1 parent ceb94d9
commit 3fa3869
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/core/src/form/SelectedOption.tsx b/packages/core/src/form/SelectedOption.tsx
@@ -26,6 +26,7 @@ export function SelectedOption(props: SelectedOptionProps): ReactElement {
     disableAddon,
     option,
     className,
+    disableWrap = true,
     disablePadding = true,
     placeholder,
     ...remaining
@@ -44,6 +45,7 @@ export function SelectedOption(props: SelectedOptionProps): ReactElement {
     <Box
       {...remaining}
       className={cnb("rmd-selected-option", textField(), className)}
+      disableWrap={disableWrap}
       disablePadding={disablePadding}
     >
       {!disableAddon && option?.leftAddon}

diff --git a/packages/core/src/form/__tests__/__snapshots__/Select.tsx.snap b/packages/core/src/form/__tests__/__snapshots__/Select.tsx.snap
@@ -217,7 +217,7 @@ exports[`Select should apply the correct styling, HTMLAttributes, and allow a re
   tabindex="0"
 >
   <div
-    class="rmd-box rmd-box--gap rmd-box--wrap rmd-selected-option rmd-text-field"
+    class="rmd-box rmd-box--gap rmd-selected-option rmd-text-field"
     data-testid="selected"
   />
   <input
@@ -262,7 +262,7 @@ exports[`Select should apply the correct styling, HTMLAttributes, and allow a re
   tabindex="0"
 >
   <div
-    class="rmd-box rmd-box--gap rmd-box--wrap rmd-selected-option rmd-text-field"
+    class="rmd-box rmd-box--gap rmd-selected-option rmd-text-field"
     data-testid="selected"
   />
   <input
@@ -453,7 +453,7 @@ exports[`Select should automatically pull options from the children and update w
 
 exports[`Select should include the leftAddon of the selected option unless disableOptionAddon is true 1`] = `
 <div
-  class="rmd-box rmd-box--gap rmd-box--wrap rmd-selected-option rmd-text-field"
+  class="rmd-box rmd-box--gap rmd-selected-option rmd-text-field"
   data-testid="selected"
 >
   <span
@@ -473,7 +473,7 @@ exports[`Select should include the leftAddon of the selected option unless disab
 
 exports[`Select should include the leftAddon of the selected option unless disableOptionAddon is true 2`] = `
 <div
-  class="rmd-box rmd-box--gap rmd-box--wrap rmd-selected-option rmd-text-field"
+  class="rmd-box rmd-box--gap rmd-selected-option rmd-text-field"
   data-testid="selected"
 >
   <span