Material-design-lite: The animation on tabs is wrong

Created on 8 Aug 2015  路  5Comments  路  Source: google/material-design-lite

Sometimes (quite often actually), the animation on the tab bar is not correct. Most the the times, the blue underline appear, quickly disappear and re-appear with the animation.

tabs

All 5 comments

Damn I searched before but could not find any issue of it...
Thanks!
Anyway, the other ticket suggests to refactor the anim to match the "siblings anim" in the spec (which I agree).

Closing as duplicate of #954.

I write more detail to express OP's mind

What are the steps to reproduce the bug? What is the actual behavior?

This is the slow down GIF:
demo

  1. Mouse up, wait the browser react
  2. The underline showed suddenly
  3. The underline animating

What is the expected behavior?

When I mouse up, The underline start to animate immediately, no showed suddenly

Any other information you believe would be useful?

There is a 0.01s delay in CSS, write by #311

css_code

Oh wow, the gif slowdown makes it much clearer as to what is happening. I thought this was just an issue about it not being by-the-spec example animation. Thanks for that @zcyzcy88.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rafaelcorreiapoli picture rafaelcorreiapoli  路  3Comments

brandonjpierce picture brandonjpierce  路  3Comments

baldram picture baldram  路  4Comments

dryror picture dryror  路  5Comments

facekapow picture facekapow  路  5Comments