Material-design-lite: Menu positioned to a wrong place with "mdl-menu--top-left"

Created on 10 Jul 2015  路  1Comment  路  Source: google/material-design-lite

Click the vertical dots next to the select button.
http://codepen.io/kowdermeister/pen/eNrMQe

The menu opens at the bottom at the page and I'd expect it above the icon.

Remove mdl-menu--top-left and it's appearing correctly next to the icon.

Most helpful comment

Hey @kowdermeister.

Thanks for providing a codepen straight up. Nice!

First of all: I fixed it for you: http://codepen.io/anon/pen/jPxxVG
Secondly: You basically found a bug in our documentation. The common parent of the button and the menu needs to be position: relative (or, more correctly, anything but position: static).

I鈥檒l be closing this and open up a new issue to fix either the documentation or the way we do positioning.

>All comments

Hey @kowdermeister.

Thanks for providing a codepen straight up. Nice!

First of all: I fixed it for you: http://codepen.io/anon/pen/jPxxVG
Secondly: You basically found a bug in our documentation. The common parent of the button and the menu needs to be position: relative (or, more correctly, anything but position: static).

I鈥檒l be closing this and open up a new issue to fix either the documentation or the way we do positioning.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

an0nh4x0r picture an0nh4x0r  路  3Comments

itisparas picture itisparas  路  3Comments

nisrulz picture nisrulz  路  5Comments

J2TEAM picture J2TEAM  路  3Comments

adiramardiani picture adiramardiani  路  4Comments