Collapsed inline menu overflow page
Author: VezralCreated Nov 27, 2023Updated Sep 9, 2026
LabelsInactiveimprovement
Reproduction link
Steps to reproduce
From the v5 fork repo, see that the menu popup sometimes overflow. If it overflows at top, then some menu item is hidden and inaccessible. If it overflows at bottom, then it increases the body height.
What is expected?
v4 menu fork ^In this v4 fork repo, I tried using the same data and no menu item overflows the page. Expect v5 menu item to also not overflow the page whether top or bottom.
What is actually happening?
Collapsed menu item popup will overflow and clipped off the page
| Environment | Info |
|---|---|
| antd | 5.11.4 |
| React | 18 |
| System | Window |
| Browser | Chrome |
It seems to only happen at a particular breakpoint / item combination.
It sometimes fixes itself when I zoom in or when I changes the items prop.
Source: ant-design/ant-design