Shows popup menu when clicked.

The popup-menu allows to share single list of menu items among many elements that have this behavior applied. Use popup-selector when you need to provide some inline/context actions for repeatable items, e.g. rows in table.

There are no elements that have this behavior applied by default.

that this behavior knows about:

• menu=“css-selector” - CSS selector of menu element, example: <div menu=“popup.list-of-options”>…</div>
• align-popup= left | top | right | bottom - defines popup menu position relative to the element. This attribute can also be defined in CSS as a custom attribute -align-popup= “left” | “top” | “right” | “bottom”. Default value - bottom;

If there is no menu attribute defined then this behavior will use first <menu> or <popup> child of the element that has this behavior applied.

Together with the standard set of events (mouse, keyboard, focus) behavior: popup-menu (precisely its menu) generates:

• MENU_ITEM_ACTIVE event;
• MENU_ITEM_CLICK event, see menu.