Clear button does not fire onChange in multi-select mode

[alexey-vaiman]

Hello!

https://codesandbox.io/s/nice-proskuriakova-q64wz?file=/src/index.js

1. Open sandbox console.
2. Type three or more chars in typeahead input and in half a second dropdown opens showing options (based on your input). Select some option — console shows selection array (2 for first time and so on)
3. Remove one option — console shows selection array (1 this time)
4. Add and remove options — console shows selection array
5. Make sure there is anything selected and press "clear" button — console DOES NOT SHOW empty array
   That was with react-bootstrap-typeahead version 5.2. Change version to 5.1.14. Do same steps — console SHOWS empty array after pressing "clear" button.

Turns out onChange is not called after pressing "clear". Must be something simple.
Thank you.

[alexey-vaiman]

5.1.14 Typeahead.js:
_handleClear = () => { this.setState(clearTypeahead, () => this._handleChange([])); }
5.2 Typeahead.js:
_handleClear = () => { this.inputNode && triggerInputChange(this.inputNode, ''); this.setState(clearTypeahead); }

[ericgio]

Hi @alexey-vaiman thanks for opening this issue! It looks like the bug you're reporting would be addressed by #666, does that seem right?

[alexey-vaiman]

Oh I didn't see that. You're right. My bad.

[ericgio]

No worries, just wanted to confirm it's the same bug! I'll leave this issue open for tracking purposes. Thanks again for the report.

[ericgio]

Fixed in v5.2.1