Select Component not editable once value selected

[aravinddhiva]

Hi @Rall3n

I'm using "Select" component in react-select lib , Here once user select any option in drop down , He cant able to go back to edit already selected value in drop down , So he needs to start typing from scratch .

For Eg :
I have dropdown options

• 123
• 122
• 125

Initially I selected "123" , now I want to change to "125" for this I need to start type from first character .
Expected behaviour : Make this field editable and I want to remove last character in "123" and add "5" in the end , Can you help me how to achieve this ?

[manjushsh]

@aravinddhiva try code below.

const SimpleSelect = ({ option, updateOption }) => {
  const options = [
    { value: "121", label: "121" },
    { value: "122", label: "122" },
    { value: "123", label: "123" }
  ];

  return (
    <div className="App">
      <h3>Second React Select</h3>
      <Select
        // menuIsOpen={true}
        value={option}
        onChange={updateOption}
        options={options}
      />
    </div>
  );
};

If you remove last number all options are visible.