From 8b19fd9e29a609e317b7f1eeae653f8642eea8f4 Mon Sep 17 00:00:00 2001
From: Zach Arend <zarend@users.noreply.github.com>
Date: Mon, 9 Jan 2023 01:07:56 -0800
Subject: [PATCH] fix(material/chips): change div to span (#26343)

For `MatChip` component, change the `<div/>` element for the primary
action to a span element. Fix problem where the div is nested inside a
span. A span is a container for phrasing content and is not supposed to
contain flow content. This could also potentialy cause accessibility
issue. Correct the semantics by nesting a span inside another span.

(cherry picked from commit 14919bd4a6824bc98935af594181717dfe9b5be0)
---
 src/material/chips/chip.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/material/chips/chip.html b/src/material/chips/chip.html
index 35283fd77ea0..c1dcaba0419a 100644
--- a/src/material/chips/chip.html
+++ b/src/material/chips/chip.html
@@ -5,7 +5,7 @@
 <span class="mat-mdc-chip-focus-overlay"></span>
 
 <span class="mdc-evolution-chip__cell mdc-evolution-chip__cell--primary">
-  <div matChipAction [isInteractive]="false">
+  <span matChipAction [isInteractive]="false">
     <span class="mdc-evolution-chip__graphic mat-mdc-chip-graphic" *ngIf="leadingIcon">
       <ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
     </span>
@@ -13,7 +13,7 @@
       <ng-content></ng-content>
       <span class="mat-mdc-chip-primary-focus-indicator mat-mdc-focus-indicator"></span>
     </span>
-  </div>
+  </span>
 </span>
 
 <span