Cannot put IconMenu inside of FloatingActionButton

[ben-pr-p]

Problem description

Icon Menu's inside of FloatingActionButtons cannot open

Steps to reproduce

        <FloatingActionButton className='floating-button' style={{left: 'auto', right: 20}} >
          <IconMenu
            iconButtonElement={
              <IconButton>
                <AccountBox/>
              </IconButton>
            }
            targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
            anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
          >
            <MenuItem primaryText='Edit Me' onClick={this.editUser.bind(this)} />
            <MenuItem primateText='See Users' onClick={this.seeUsers.bind(this)} />
          </IconMenu>
        </FloatingActionButton>

Versions

• Browser: Firefox

[oliviertassinari]

We have been removing the IconMenu component on the v1-beta branch. We are now encouraging people to use lower level components: the IconButton and Menu component:

  return (
      <div>
        <IconButton
          aria-label="More"
          aria-owns="long-menu"
          aria-haspopup="true"
          onClick={this.handleClick}
        >
          <MoreVertIcon />
        </IconButton>
        <Menu
          id="long-menu"
          anchorEl={this.state.anchorEl}
          open={this.state.open}
          onRequestClose={this.handleRequestClose}
          style={{ maxHeight: ITEM_HEIGHT * 4.5 }}
          MenuListProps={{
            style: {
              width: 200,
            },
          }}
        >
          {options.map(option =>
            <MenuItem key={option} selected={option === 'Pyxis'} onClick={this.handleRequestClose}>
              {option}
            </MenuItem>,
          )}
        </Menu>
      </div>
    );

Hence, I'm closing it. Still, we will accept PR fixes until v1-beta takes over the master branch.