Select not updating selected value after filters are changed

[cassmbautista]

• I'm submitting a:

  • Bug Report
  • Feature Request

• What is the current behavior?
  When changing the filters for the i-select-option during runtime, this error is produced:
  
  The current behavior of the select is that the value selected is not correct. See this JS fiddle for the difference between normal select and i-select.
  https://jsfiddle.net/816d9skh/

• What is the expected behavior? (If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem** viahttps://plnkr.co or similar.)
  The select should be able to update based on filters that are dynamic (computed filters as well).

• Please tell us about your environment:

  • Version: CDN
  • Browser: Chrome 74.0.3729.169 | Mobile Chrome XX
  • Language: ES6/7

• Other information (Detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc.)

[alexgrozav]

Hi, there seems to be a typo in your code. The default select is using slectedFilter, while the Inkline one is using selectedFilter. Is that, perhaps the issue that you're facing?

[cassmbautista]

There was a typo here is the updated js fiddle:

• https://jsfiddle.net/816d9skh/

The issue is still occurring.

[alexgrozav]

Thanks for the update! I'm working on it.

[cassmbautista]

While the fix works on a laptop this does not fix the issue on mobile, since the options are not being reset when the slots are updated. I have a branch open to fix this issue, however, I am stuck trying to figure out how to change the slots in the middle of a test, that kind of goes against vue-test-utils. See https://github.com/cassmbautista/inkline/tree/issue69-bugfix-async-select-update

[alexgrozav]

Ok, good point. I'm looking into it as well.

[alexgrozav]

Hey! The bug should be fixed in @inkline/inkline@1.16.5. Can you confirm that it's working for your use case as well?

Thank you!