IssueTracker

I think this behavior is in line with the Material spec. Perhaps Farheen can take a look to double check :) Chris you can look at the dropdownOffset parameter. It is intended to provide a way to account for the empty space around icons, but I think you can also use it to align to the right edge of the menu if the size of the icon is known.

Yeah, I could use onPositioned on the icon, then offset but that feels like a lot of work :)

I'm not sure the current positioning is to spec: https://material.io/components/menus#dropdown-menu implies that the right edges should touch.

Thanks, Mihai! I agree with Chris. In the use case in comment #1, there is adequate space below the generating element, and the right edge of the generating element and right edge of the menu should be aligned to clearly show the relationship. I believe we align left edge of generating element with left edge of menu when there is space for the menu to open left to right (menu in comment #1 opens right to left).

A couple additional notes from spec as reference mostly--

• In general, a dropdown menu is positioned relative to both the element that generates it and the edges of the screen or browser. It can open in different ways adapting to the space available--for example, with long menus to avoid scrolling, it may be positioned as it is in the attached screenshot.
• Specifically, however, the dropdown menu's default position per spec is still below the element that generates it.

Assigning back to Mihai. Lmk if you have any questions!