react-select multiple select first choice is longer

Viewed 8

For some reasons, the first choice in my multi select is always longer than the rest (as shown in picture)

enter image description here

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!

0 Answers
Related