DropdownMenu is positioned strangely for toggles up against end edge [168594123]

Fixed

Bug

Status Update

No update yet.

Description

ch...@google.com

created issue #1

Sep 15, 2020 01:15PM

See the attached screenshot. The toggle is the overflow icon button, and the menu is opened with it's right top edge == bottom left edge of the button.

Ideally I want the menu to overlap/cover the button (top right == top right), or at least have it's right edge in line with the right edge of the button.

Screenshot_1600175426.png

118 KB

View

Download

Comments

cl...@google.com <cl...@google.com> Sep 15, 2020 01:27PM

Reassigned to po...@google.com.

po...@google.com <po...@google.com> #2Sep 15, 2020 01:39PM

There is a report about it in kotlinlang Slack: https://kotlinlang.slack.com/archives/C01D6HTPATV/p1706005056105739

ch...@google.com <ch...@google.com> #3Sep 15, 2020 02:25PM

Thanks for the report!

po...@google.com <po...@google.com> Sep 15, 2020 04:38PM

Reassigned to fa...@google.com.

fa...@google.com <fa...@google.com> #4Sep 16, 2020 10:21PM

Reassigned to po...@google.com.

The release notes documentation has been edited to clarify this change in behavior for line height.

To support non-standard text sizes, we encourage users to follow the Material design system and use a different type scale rather than changing the font size directly. Alternatively, users can overwrite the line height like so: style = LocalTextStyle.current.copy(lineHeight = TextUnit.Unspecified), or create a custom Typography entirely.

long-menu-example.png

145 KB

View

Download

ap...@google.com <ap...@google.com> #5Dec 3, 2020 03:01PM

Marked as fixed.

deleted

Issue 168594123