With horizontal listbox, first chip gets focused on parent wrapper click

#### What is the expected behavior?
".mat-chip-list-wrapper" should not catch click event

#### What is the current behavior?
When you click outside of the chips in the ".mat-chip-list-wrapper" container that is full width due to flex property, the first chip of the wrapper get selected.

#### What are the steps to reproduce?
Use the official chips example https://odjogmnnjkj.angular.stackblitz.io/ and click on the far right of the chips. The first chip will get focused.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.2.12, Material 7.3.6, Typescript 3.1.1
Issue found on:
- mac OS High Sierra with Chrome 73.0.3683.86, Safari 12.1, Firefox
- windows 10 enterprise using Chrome 73.0.3683.103, Edge and Firefox 60.6.1esr

Inizia con l’esempio ufficiale dei chip e riproduci il clic nello spazio vuoto del .mat-chip-list-wrapper a larghezza intera. Traccia il comportamento di clic e focus del wrapper, quindi verifica che facendo clic al di fuori dei chip non venga più messo a fuoco il primo chip, mentre facendo clic su un chip continui a funzionare.

Scritto dal modello di indicizzazione a partire dal testo della issue.