For some reasons, the first choice in my multi select is always longer than the rest (as shown in picture)
Here's the piece of code to create this select element.
<Select
className="input-box"
styles={boxStyle}
theme={boxTheme}
defaultValue={this.props.defaultValue}
isDisabled={this.props.isDisabled}
isLoading={this.props.isLoading}
isClearable={this.props.isClearable}
isRtl={this.props.isRtl}
isSearchable={this.props.isSearchable}
name={this.props.name}
options={
isMulti ?
[{label: "Select All", value: AllOptions}, ...this.props.options] :
this.props.options
}
value={this.props.value}
onChange={this.props.onChange}
isMulti={isMulti}
components={isMulti ? AnimatedComponent : undefined}
/>
Any one know what I am missing or doing wrong? Thanks!
