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

Closed
xiwc opened this Issue May 6, 2016 · 6 comments

Projects

None yet

5 participants

@xiwc
xiwc commented May 6, 2016 edited

First: click the icon open the menu.
image

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

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

@jlukic
Member
jlukic commented May 20, 2016

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

Jsfiddle?

@jlukic jlukic added this to the 2.2.1 milestone May 20, 2016
@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.
semantic-dropdown-bug

@xiwc
xiwc commented Jun 13, 2016 edited

@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.


image

@drupalshift

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

@zhaoyao91

screenshot_20160711-175042

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

@jlukic
Member
jlukic commented Jul 31, 2016

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

@jlukic jlukic closed this Jul 31, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment