Unexpected <i-select> behaviour when resetting its state

[konstista]

• What is the expected and current behavior?
  If there are several components on the page and the state is reset for all of them at the same time - all components expand at the same time.

• Steps to reproduce

  • Open this pen: https://stackblitz.com/edit/inkline-ryavqd?file=src%2FApp.vue
  • Select value of first <i-select>
  • Select value of second <i-select>
  • Hit "Reset State" button

• Please tell us about your environment:

  • Version: >=3.0.5
  • Browser: all
  • Language: all (verified with TS, JS, OptionsAPI, Composition API)

• Other information
  It makes sense to reset state of the component but keep it closed or add a prop that manages the behaviour.
  Maybe I am missing something in the documentation, I mean how we can reset state without re-opening a dropdown?

[konstista]

Can verify that the behaviour persists on Inkline 3.1.8.

[konstista]

The behaviour is most likely related to inputValue watcher that does not take into account null.

[konstista]

To resolve this issue there is a temporary workaround, not a nice-looking solution but works:

• Wrap state reset in async function
• Disable select before resetting state
• Call state reset and await async function to finish
• Enable select after the state is reset.

[alexgrozav]

Thank you for reporting this. 😰 I'll look into it.