The sidebar shrinks and the menu still displays

[zhayes]

Version

3.0.1

Environment

antd @3.0.1

Reproduction link

https://ant.design/components/layout-cn/

Steps to reproduce

侧边栏收缩后，下拉菜单仍然显示到页面

What is expected?

侧边栏收缩后，下拉菜单同样消失

What is actually happening?

侧边栏收缩后，下拉菜单停留在页面

[ant-design-bot]

Hello @zhayes. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

[zhayes]

@ant-design-bot @afc163 online link: https://codesandbox.io/s/xrznrk15q4

[afc163]

Menu will always respect openKeys prop, I think it is correct behavior. You can control it depends on different collapsed state.

[zhayes]

@afc163 It's not going to happen in v2.3.1

[afc163]

Alrough we should still hide the sub-menu because there is not suitable position for it when menu is collapsed to 0px.

[zhayes]

@afc163 I updated the version last night, and it happened

[zhayes]

@afc163 I bound a method of onCollapse to Menu.Side.The problem has been solved for a while.

Cache re-empty

    const onCollapse=(collapsed, type) => {
        if(collapsed){
            this.setState({
                lastsideOpenkeys:this.state.sideOpenKeys,
                sideOpenKeys:[]
            })
        }else{
            this.setState({
                lastsideOpenkeys:[],
                sideOpenKeys:this.state.lastsideOpenkeys
            })
        }
    }

[zhayes]

But it's not perfect !!!!!!!!!!!!!

[wanghqwe]

The latest version of this problem remains unsolved

[treasureDouDou]

这个问题的最新版本仍未解决 +1

[wjkang]

3.5.3 仍然有这个问题

[wjkang]

@zhayes 你好，请问你解决这个问题了吗？

[clearloop]

Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.

this warning while collapsedWidth={0}

"antd": "^3.18.1",
"react": "^16.8.6",
"react-dom": "^16.8.6"