From 4f092922d2d1b1322224f79219b2b2eb18eba178 Mon Sep 17 00:00:00 2001
From: Zach Arend <zarend@users.noreply.github.com>
Date: Thu, 14 Dec 2023 12:18:01 -0800
Subject: [PATCH] fix(material/paginator): match visual and reading order
 (#28285)

Fix accessibility issue in MatPaginator component. When screen is
narrow, maintain the visual order with the DOM order.

Current behavior is swappign visual order of "Items Per Page" and
"1 of 4" on narrow screens. With this commit applied, no longer swap the
order.

Co-authored-by: DBowen33 <denis.bowen@utexas.edu>
---
 src/material/paginator/paginator.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/material/paginator/paginator.scss b/src/material/paginator/paginator.scss
index acc6a09eca75..ebfef6ece107 100644
--- a/src/material/paginator/paginator.scss
+++ b/src/material/paginator/paginator.scss
@@ -56,7 +56,7 @@ $button-icon-size: 28px;
   align-items: center;
   justify-content: flex-end;
   padding: $padding;
-  flex-wrap: wrap-reverse;
+  flex-wrap: wrap;
   width: 100%;
 
   @include token-utils.use-tokens(