Skip to content

Commit 4a29a03

Browse files
committed
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.
1 parent 2b49d8c commit 4a29a03

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/material/core/style/_menu-common.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,9 +66,13 @@ $icon-margin: 16px !default;
6666
padding-left: $item-spacing;
6767

6868
[dir='rtl'] & {
69-
right: auto;
7069
padding-right: $item-spacing;
7170
padding-left: 0;
71+
72+
// Invert the arrow direction.
73+
polygon {
74+
transform: scaleX(-1);
75+
}
7276
}
7377

7478
// Fix for Chromium-based browsers blending in the `currentColor` with the background.

0 commit comments

Comments
 (0)