skin icon indicating copy to clipboard operation
skin copied to clipboard

menu: menus for multiple form themed menu buttons aren't displayed properly

Open melquan opened this issue 2 years ago • 0 comments

Bug Report

SKIN Version: 14.1.0

Description

If I have multiple form themed menu buttons next to each other and I open the menu of any of the buttons other than the first one, the menu is always left aligned and the menu is as wide as the right hand side of the menu button clicked. For example, the first screenshot is with 3 menu buttons and after clicking the 3rd button.

If I add left: 0 to the menu-button__menu class, it seems to fix it (2nd screenshot). Just checking if this is a known issue.

Workaround

I could override it in our component but would prefer to pick up the fix from SKIN if it's available soon.

Screenshots

Issue when clicking the 3rd menu button image

With left: 0 fix image

melquan avatar Aug 01 '22 17:08 melquan