fix(material/menu): invert arrow in RTL

Fixes a regression from #28470 where the nested menu icon isn't being inverted in RTL anymore. Fixes #28813.
angular · Apr 5, 2024 · 4a29a03 · 4a29a03
1 parent 2b49d8c
commit 4a29a03
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/material/core/style/_menu-common.scss b/src/material/core/style/_menu-common.scss
@@ -66,9 +66,13 @@ $icon-margin: 16px !default;
   padding-left: $item-spacing;
 
   [dir='rtl'] & {
-    right: auto;
     padding-right: $item-spacing;
     padding-left: 0;
+
+    // Invert the arrow direction.
+    polygon {
+      transform: scaleX(-1);
+    }
   }
 
   // Fix for Chromium-based browsers blending in the `currentColor` with the background.