Menu's anchorOrigin and transformOrigin can't be changed

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

-->

<img src="https://user-images.githubusercontent.com/36337818/40283849-69c4d4d6-5c85-11e8-94ec-19a48b2d124e.gif" alt="muimenuenhanced"

Being able to specify points (number, 'top', 'left', 'center', 'bottom' or 'right') on the anchor where the menus’s anchorEl will attach to and the point on the menu which will attach to the anchor’s origin (like Popover).

<Menu
+    anchorOrigin={{ vertical: "top", horizontal: "left" }}
+    transformOrigin={{ vertical: "top", horizontal: "left" }}
    id="simple-menu"
    anchorEl={anchorEl}
    open={Boolean(anchorEl)}
    onClose={this.handleClose}
>
    <MenuItem onClick={this.handleClose}>Profile</MenuItem>
    <MenuItem onClick={this.handleClose}>My account</MenuItem>
    <MenuItem onClick={this.handleClose}>Logout</MenuItem>
</Menu>

Current Behavior

anchorOrigin and transformOrigin are fixed (top left or top right).

Steps to Reproduce (for bugs)

/

Context

I am trying to create nested menus. The problem is that the menus render on top of each other with no way to change the anchor origin to 'right'.

Your Environment

Tech	Version
Material-UI	v1.0.0

[mnemanja]

This answer fixes the error message: https://github.com/mui-org/material-ui/issues/10804

[oliviertassinari]

@mnemanja Check the warning in the console.