search

google / material-design-lite

Material Design Components in HTML/CSS/JS
https://getmdl.io
Apache License 2.0
32.27k stars 5.04k forks source link

mdl-menu animation leave the text ouside. #1809

Open jjalonso opened 8 years ago

jjalonso commented 8 years ago

The first time that you open the mdl-menu you can see (So fast, but I can see it clear) like the text is overflowing the container and how the white container grow to wrap it, seconds times is doing it properly.

If you refresh the page and click to open again, you can repeat the bug.

Using:

<!-- Right aligned menu below button -->
<button id="demo-menu-lower-right"
        class="mdl-button mdl-js-button mdl-button--icon">
  <i class="material-icons">more_vert</i>
</button>

<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
    for="demo-menu-lower-right">
  <li class="mdl-menu__item">Some Action</li>
  <li class="mdl-menu__item">Another Action</li>
  <li disabled class="mdl-menu__item">Disabled Action</li>
  <li class="mdl-menu__item">Yet Another Action</li>
</ul>
Garbee commented 8 years ago

Can you provide a codepen where the issue reproduces? Along with providing browser information please. I am unable to reproduce the issue using the demos provided or in a codepen myself.

jjalonso commented 8 years ago

I will.

On 24 October 2015 at 11:12, Jonathan Garbee notifications@github.com wrote:

Can you provide a codepen where the issue reproduces? Along with providing browser information please. I am unable to reproduce the issue using the demos provided or in a codepen myself.

— Reply to this email directly or view it on GitHub https://github.com/google/material-design-lite/issues/1809#issuecomment-150780586 .

Garbee commented 8 years ago

ping for a sample please.