Semantic-Org/Semantic-UI-React

Dropdown: When clicking to close a dropdown, it fires "click" and "blur" events

Open

#2,641 建立於 2018年3月13日

在 GitHub 查看
 (8 留言) (0 反應) (0 負責人)JavaScript (13,136 star) (4,065 fork)batch import
bughelp wanted

描述

This issue happens when controlling manually (via states) the status of a dropdown.

Steps

If you click the "Not ok button" to close the drop-down you will notice that it triggers the click and blur events (It shouldn't fire blur cause I'm still inside the component).

Now, if you click the "ok button" repeatedly, you will notice that only the click event is fired, regardless if the dropdown is opening or closing, and the blur happens only when you actually click outside of the related button, as expected.

Expected Result

When clicking the "not ok button" to close a drop-down, it should fire only a click event.

Actual Result

When clicking the "not ok button" to close a drop-down, it fires a click and blur event.

Version

0.78.3 OS: High Sierra

Testcase

https://codesandbox.io/s/3q781mpvw1

貢獻者指南