Click Menu item will close DropDown

[JHanLu]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.9.3

Environment

windows10, Chrome 62

Reproduction link

https://codepen.io/JHanLu/pen/YOmvGr?&editors=001

Steps to reproduce

I put a search input in Menu item in dropDown overlay, when I click the search input in menu, dropDown menu will be closed. When I do something like preventDefault in Menu, it show event.preventDefault is undefined.

What is expected?

I want to click the Menu without closing dropDown.

What is actually happening?

When I click the menu item, dropDown closed immediately.

[picodoth]

please refer this example: https://codepen.io/pen/?&editors=001

[JHanLu]

@picodoth Your example is empty.

[picodoth]

woops, my bad: https://codesandbox.io/s/k5v3yjzwrv

[JHanLu]

Thanks! Been struggled for a long time.

[JHanLu]

@picodoth New problem here. Click SubMenu will close SubMenu and DropDown, your solution didn't work in this case.
see: https://codepen.io/JHanLu/pen/YOmvGr?editors=0010

[picodoth]

@JHanLu
you have to manually stop event bubbling: https://codepen.io/anon/pen/KGOapo?editors=0010

[JHanLu]

@picodoth Thank u so much! I could have tried it. 😅

[mahyalpr]

I have a problem. i set the input into dropdown , I used visible an onvisiblechange , it works, but i cant write anything in input !!!!!!!!!!!!!!!!!!!!!!

[arnav-dt]

woops, my bad: https://codesandbox.io/s/k5v3yjzwrv

Update 2021: Fix antd imports to

import Dropdown from 'antd/lib/dropdown'; import Icon from 'antd/lib/icon'; import Menu from 'antd/lib/menu';

to get the codesandbox working

[muslimr]

woops, my bad: https://codesandbox.io/s/k5v3yjzwrv

this page doesn't work correctly man )

[saikrishnabanda5]

THis is empty