From 4c9959974b3f0fc4ecda2de416fe10a13e9f1ed3 Mon Sep 17 00:00:00 2001 From: DBowen33 Date: Thu, 2 Nov 2023 16:42:54 +0000 Subject: [PATCH] fix(material/paginator): match visual and reading order 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. --- 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(