On touch, buttons get a lingering hover state.

[alecdmcginnis]

Bug, feature request, or proposal:

After clicking a button on mobile, the button hangs in its hover state until another click is registered somewhere else on the UI.

What is the expected behavior?

Buttons should not get a hover state on touch devices.

What is the current behavior?

On touch of a button, it gets a hover state that remains until touching elsewhere.

What are the steps to reproduce?

Click on any non-raised button type. After clicking the animation plays out but then hangs at what looks like the hover state. On desktop when the user moves their mouse outside of the button's click target the state automatically reverts to its standard non-hover view. On mobile it hangs on the hover state until clicking elsewhere in the UI.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Chrome

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}