Input chips overflow input container with long unwrappable text (no longer removeable by click)

#### What is the current behavior?

In the current version of material (7.2.2), if a chip contains a long string that cannot be wrapped which ends up overflowing the container of the chip, the removeable button is no longer viewable. (The chip is still removeable if selected and removed using the backspace keyboard input though). See screenshot below for example from the material.angular.io site (last input item).


Proposing that either the text be force wrapped or truncated, or an option to choose between the two.

Start by reproducing the issue in the Angular Material chips input shown on material.angular.io with a long, unwrappable chip value. Done means the chip's remove button remains visible and clickable, either by forcing the text to wrap or by truncating it as proposed.

Written by the indexing model from the issue text.