Set selected toggles rather than adds on dropdown that has useLabels: false setting

[guushoekman]

Bug Report

Set selected toggles rather than adds values on multiple value dropdown that has useLabels: false setting.

Steps to reproduce

1. Create a dropdown

  <div class="ui multiple selection dropdown">
    <input type="hidden" name="example">
    <i class="dropdown icon"></i>
    <div class="default text">Example</div>
    <div class="menu">
      <div class="item" data-value="foo">Foo</div>
      <div class="item" data-value="bar">Bar</div>
    </div>
  </div>

2. Initialise it with $(".ui.dropdown").dropdown({useLabels: false});

3. Use set selected on the same values multiple times: $(".dropdown").dropdown("set selected", ["foo", "bar"])

Expected result

The values will be added and remain regardless of how many times $(".dropdown").dropdown("set selected", ["foo", "bar"]) is run.

Actual result

The values toggle. If you remove useLabels: false it works as expected.

Testcase

https://jsfiddle.net/a5j7u231/

Version

2.7.4

[lubber-de]

Fixed by #899
See your adjusted jsfiddle here https://jsfiddle.net/k8oqpjgx/1/

[guushoekman]

That's great! Thank you for working on this.

One thing though: it's no longer possible to deselect an option. Removing {useLabels: false} makes deselecting work again, so (to my layman eyes) it seems to be caused by your changes.

[lubber-de]

@guushoekman 😱 I'll work that out

[lubber-de]

@guushoekman Fixed that also, thanks for the quick response!
See new testcase here https://jsfiddle.net/k8oqpjgx/1/