[TextField] Grey border-bottom doesn't disappear when field is clicked. Blue doesn't cover grey correctly.

[wzup]

Here is how it looks in your examples. Grey border-bottom is substituted by blue color just fine:

Here is the issue. Blue line appears just a few pixels above the grey border-bottom.

What error is this? Why does it happen? How to fix?

[Azhng]

Hi wzup, I had similar issue as you. I found that it might be caused by the incompatibility between react-mdl and bootstrap library. I resolved this issue by removing code that imports bootstrap library.
Hope it helps.