- [ ] I have searched the [issues](https://github.com/ant-design/ant-design/issues) of this repository and believe that this is not a duplicate. ### Reproduction link [https://ant.design/components/dropdown/](https://ant.design/components/dropdown/) ### Steps to reproduce import React from "react"; import * as PropTypes from "prop-types"; import { Menu, Tooltip, Button } from "antd"; import { sortBy, prop } from 'ramda'; import ButtonDropdown from "./ButtonDropdown"; // Can't be a Pure Component due to Dropdown lookups overlay component type to set appropriate styles const sortByTitle = sortBy(prop("title")); const handleClick = e => { console.log('click ', e); }; const { SubMenu } = Menu; const memberMenu = (onClick, availableMembers) => ( Navigation One } > Option 1 Option 2 Option 3 Option 4 Option 5 Option 6 Option 7 Option 8 Navigation Three } > Option 9 Option 10 Option 11 Option 12 // // {availableMembers.length ? ( // sortByTitle(availableMembers).map(m => ( // onClick(m)}> // {m.title} // // )) // ) : ( // No members found // )} // ); const MemberDropdownNew = ({ onClick, availableMembers, ...buttonProps }) => ( //

// // // //

); MemberDropdownNew.propTypes = { onClick: PropTypes.func.isRequired, availableMembers: PropTypes.array.isRequired }; export default MemberDropdownNew; ### What is expected? A Dropdown with menu items aligned inline ### What is actually happening? Dropdown with menu item aligned to the right is coming | Environment | Info | |---|---| | antd | undefined | | React | react | | System | HP | | Browser | chrome |

index.js:1406 Warning: [antd: Dropdown] mode="inline" is not supported for Dropdown's Menu #27203

Company

Community

Support

Connect