mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-11 11:32:52 +08:00
fix: Dropdown not auto adjust placement (#34390)
This commit is contained in:
parent
b199d9d2fa
commit
235ab32f44
@ -79,4 +79,24 @@ describe('Dropdown', () => {
|
|||||||
expect.stringContaining("[antd: Dropdown] You are using 'topCenter'"),
|
expect.stringContaining("[antd: Dropdown] You are using 'topCenter'"),
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// zombieJ: when replaced with react test lib, it may be mock fully content
|
||||||
|
it('dropdown should support auto adjust placement', () => {
|
||||||
|
const wrapper = mount(
|
||||||
|
<Dropdown overlay={<div>menu</div>} visible>
|
||||||
|
<button type="button">button</button>
|
||||||
|
</Dropdown>,
|
||||||
|
);
|
||||||
|
|
||||||
|
expect(wrapper.find('Trigger').prop('builtinPlacements')).toEqual(
|
||||||
|
expect.objectContaining({
|
||||||
|
bottomLeft: expect.objectContaining({
|
||||||
|
overflow: {
|
||||||
|
adjustX: 1,
|
||||||
|
adjustY: 1,
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
}),
|
||||||
|
);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
@ -189,6 +189,7 @@ const Dropdown: DropdownInterface = props => {
|
|||||||
|
|
||||||
const builtinPlacements = getPlacements({
|
const builtinPlacements = getPlacements({
|
||||||
arrowPointAtCenter: typeof arrow === 'object' && arrow.pointAtCenter,
|
arrowPointAtCenter: typeof arrow === 'object' && arrow.pointAtCenter,
|
||||||
|
autoAdjustOverflow: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
Loading…
Reference in New Issue
Block a user