Chips selectable = false not working as expected

[BobBDE]

Bug, feature request, or proposal:

When the selectable propery is set to false on a chip, we still have the feeling that we can click on it.

What is the expected behavior?

Not being able to click on a unselectable chip

What is the current behavior?

There are no difference between hovering a selectable chip and a none selectable chip.
I would suggest that when a chip is not selectable, the hover and ripple effect are disabled.

What are the steps to reproduce?

In this following exemple you can see that the selectable and not selectable chip behave the same which can be disturbing for the user.
https://stackblitz.com/edit/angular-material2-issue-i6y4da?file=app/app.component.html

What is the use-case or motivation for changing an existing behavior?

Better user experience

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

Version 7

Is there anything else we should know?

Maybe I misunderstand the selectable property but still I think we should have a way to disable the hover and ripple effect at the same time (currently we can only disable the ripple effect)

Thank you for your work ! :)

[crisbeto]

Setting selectable to false prevent the user from being able to mark a chip as selected. E.g. try focusing a chip and pressing the space bar.

[BobBDE]

@crisbeto Thanks for your answer, I think I had a wrong understanding on what chips are supposed to do.

Thanks again for your answer.

[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.}