FloatingActionButton doesn't leave hover state

[hoschi]

Problem description

After onTouchTap was handled, button doesn't leave hover state, until you hove it once again.

Steps to reproduce

• go over button, hover style takes place
• click button, new tab is opened
• go back to old tab
• expected: button is in normal state
• actual: button is in hover satte

Versions

• Material-UI: 15.0 (commit: 06667b5)
• React: 15.1.0
• Browser: Chrome (Linux) 51.0.2704.79 (64-bit)

Images & references

Gist with modified code of example (commit see above): https://gist.github.com/hoschi/21e5fc25646615cf2ac153487f181b8e

[ayw818]

I am seeing a similar issue.

It seems related to #1495.

For us, we are disabling the button onTouchTap. When we reset disabled to false, the button still has the hover background color. It returns to the normal color when you hover over and then away. Note, it is not consistently reproducible, but it seems to be trigged if you leave the button from the top or bottom. It seems to properly resent when you leave the button from the left or right. You can see this in the gif below.

My current workaround (not ideal) is to just set the hoverColor to white (to match the flatButton color) so it looks the same.

[ashl1]

Possible solution in PR #5077 came from #5076

[hoschi]

@ashl1 thanks for the notification, I'll look into it.

[oliviertassinari]

Seems to be a duplicate of #5076.