defaultValue text gets truncated with elipsis (...) at the end

[AxRRep]

Is there any way to prevent defaultValue getting shortened? It seems like there is no such setting.

[UsaidAqeel]

Hi @AxRRep

You would need to override the styles for the MultiValueLabel and remove the current text-overflow: ellipsis; and white-space: nowrap; styles that are applied by default.

const selectStyle = {
  multiValueLabel: (styles) => ({
    ...styles,
    whiteSpace: 'normal',
    textOverflow: 'clip',
  }),
}

<ReactSelect 
  ...
  styles={selectStyle}
/>

Looking forward to your feedback or suggestions on how to resolve this. If more information is needed or if there are any updates on this issue, please let me know. Thank you! 🙌