From 06d4d16c540d82540d53c1b7fba920de28eba36f Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Mon, 8 Mar 2021 20:25:08 +0100
Subject: [PATCH] fix(material/grid-list): remove internal figure element

Removes the built-in `figure` element inside the grid tile since it isn't always desirable from
an accessibility perspective.

Fixes #21775.
---
 src/material/grid-list/grid-list.scss | 24 ++++++++++++------------
 src/material/grid-list/grid-tile.html |  6 +++---
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/material/grid-list/grid-list.scss b/src/material/grid-list/grid-list.scss
index 06677565863b..8a88946b2620 100644
--- a/src/material/grid-list/grid-list.scss
+++ b/src/material/grid-list/grid-list.scss
@@ -19,18 +19,6 @@ $text-padding: 16px;
   position: absolute;
   overflow: hidden;
 
-  .mat-figure {
-    @include layout-common.fill;
-    display: flex;
-
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-
-    padding: 0;
-    margin: 0;
-  }
-
   // Headers & footers
   .mat-grid-tile-header,
   .mat-grid-tile-footer {
@@ -79,3 +67,15 @@ $text-padding: 16px;
     }
   }
 }
+
+.mat-grid-tile-content {
+  @include layout-common.fill;
+  display: flex;
+
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  padding: 0;
+  margin: 0;
+}
diff --git a/src/material/grid-list/grid-tile.html b/src/material/grid-list/grid-tile.html
index 3f7ab71f2521..d965cb12dd52 100644
--- a/src/material/grid-list/grid-tile.html
+++ b/src/material/grid-list/grid-tile.html
@@ -1,4 +1,4 @@
-<!-- TODO(kara): Revisit why this is a figure.-->
-<figure class="mat-figure">
+<!-- The `mat-figure` class is only used for backwards compatibility. -->
+<div class="mat-grid-tile-content mat-figure">
   <ng-content></ng-content>
-</figure>
\ No newline at end of file
+</div>