Skip to content

DropDownMenu alignment issues in ToolBar #5961

Description

@huntwj

(Could be related to #5839)

Problem description

When DropDownMenus are composed inside Toolbar components, they are not aligned with other text such as ToolbarTitle components.

<Toolbar>
  <ToolbarGroup>
    <ToolbarTitle text="Title Text" />
  </ToolbarGroup>
  <ToolbarGroup>
    <DropdownMenu>
      <MenuItem primaryText="First" value={1} />
      <MenuItem primaryText="Second" value={2} />
      <MenuItem primaryText="Third" value={3} />
      <MenuItem primaryText="Fourth" value={4} />
  </ToolbarGroup>
</Toolbar>

This is also visible on the Toolbar demo/documentation page: http://www.material-ui.com/#/components/toolbar

screen shot 2017-01-18 at 2 29 12 pm

Versions

  • Material-UI: 0.16.7
  • React: 15.4.1
  • Browser: Chrome 55.0.2883.95

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions