# Native dropdown menus in XD plugins?

**URL:** https://forums.creativeclouddeveloper.com/t/native-dropdown-menus-in-xd-plugins/2356
**Category:** UXP Plugin API
**Created:** [December 19, 2020, 1:56pm UTC](https://forums.creativeclouddeveloper.com/t/native-dropdown-menus-in-xd-plugins/2356 "2020-12-19T13:56:18Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![stojan](https://avatars.discourse-cdn.com/v4/letter/s/43a26b/32.png) [@stojan](https://forums.creativeclouddeveloper.com/u/stojan)
#### Post date: [December 19, 2020, 1:56pm UTC](https://forums.creativeclouddeveloper.com/t/native-dropdown-menus-in-xd-plugins/2356/1 "2020-12-19T13:56:18Z")

</div>

Is there any way to show a native dropdown menu after clicking an element in a UXP plugin? Sure you can build a HTML dropdown, but with the lack of animations and shadows, it sure looks ugly.

---

<div class="post-metadata">

### Author: ![mightyalex](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/mightyalex/32/777_2.png) [@mightyalex](https://forums.creativeclouddeveloper.com/u/mightyalex)
#### Post date: [December 20, 2020, 3:00pm UTC](https://forums.creativeclouddeveloper.com/t/native-dropdown-menus-in-xd-plugins/2356/2 "2020-12-20T15:00:14Z")

</div>

To follow up on this matter, what we need is a native menu with events attached on each item (not option selector) that can overflow plugin’s canvas. Something that `<select>` and `<sp-dropdown>` components do (screenshots below).

Considering that the following Spectrum web components are supported in XD version 35: [https://www.adobe.io/photoshop/uxp/uxp/reference-spectrum/User%20Interface/](https://www.adobe.io/photoshop/uxp/uxp/reference-spectrum/User%20Interface/) we tried `<sp-menu>` but it’s rendered inside the canvas i.e. it doesn’t overflows.

Screenshots of what we’re trying to achieve:

 ![Screen Shot 2020-12-20 at 15.48.23](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/f/f83f5a20c4ea569f01728f5ae220749b8f9c35e7.png) ![Screen Shot 2020-12-20 at 15.51.18](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/9/9882e9a608e6663781ec30015b614fd11f71b4a7.png)