ui dropdown does not hide when click others dropdown icon of the right

[xiwc]

First: click the icon open the menu.

Second: click the icon open the menu of other one dropdown.

Now, you can see two dropdowns's menu are opening.

[jlukic]

I can't reproduce this in Chrome, everything seems to be closing correctly. Is there something I'm missing?

Jsfiddle?

[Ryuno-Ki]

I can confirm on Firefox v46.0 on GNU/Linux. I could not provoke it when the dropdowns open towards top however.

Browser console states:

Popup: Popup does not fit within the boundaries of the viewport <div class="max example"> semantic.min.js:16:3861
Popup: Popup does not fit within the boundaries of the viewport <div class="max example"> semantic.min.js:16:292
Popup: Popup does not fit within the boundaries of the viewport <div class="max example"> semantic.min.js:16:29

In order to provoke the behaviour I need to hit the .dropdown.icon of the second select - opening it anywhere else does not reproduce it.

Selection select has class="ui fluid normal dropdown selection multiple active visible", while Without Labels select has class="ui fluid multiple search special selection dropdown active visible" (both are .active.visible). I could not provoke it using Selection and Search Selection.

@jlukic JSFiddle is served via HTTPS, so I cannot load semantic.css/.js (MixedContent Warning).

For reference: Dropdown examples.
My resolution is 1366x768.

[xiwc]

@jlukic It can be easily reproduced, when clicking the dropdown icon but other place. It still can be reproduced on my latest Chrome of WIN7 OS.

---

[drupalshift]

If you click exactly on arrow icon you can reproduce this error , Firefox 47 and Chrome 51.0.2704.103 on Windows

[zhaoyao91]

on my phone (galaxy s7 edage), chrome, it always behaviors like this.

[jlukic]

Dropdown icon was preventing events from bubbling, meaning other dropdowns couldnt correctly observe the click event to close the dropdown. Fixed