# Select tag rendering

**URL:** <https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886>\
**Category:** UXP Plugin API\
**Tags:** html\
**Created:** [June 2, 2019, 5:01pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886 "2019-06-02T17:01:10Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [June 2, 2019, 5:01pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/1 "2019-06-02T17:01:10Z")

</div>

I’m using following layout

```auto
<label>
  <span>Resolution</span>
  <select>
    <option value="@1x" selected>@1x</option>
    <option value="@2x">@2x</option>
    <option value="@1x">@2x</option>
  </select>
</label>

```

Which leads to following rendered element on Windows platform (take a look at down arrow)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/2ea66f92d9e6f2a7d45063fb19cfb24806d265f6.png)  
Xd version is ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/249cd7845e8aa62c04063490fb5509c927aae718.png)  
Host in manifest is:

```auto
"host": {
  "app": "XD",
  "minVersion": "20.0"
}

```

---

<div class="post-metadata">

**Author:** ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)\
**Post date:** [June 3, 2019, 2:27pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/2 "2019-06-03T14:27:46Z")

</div>

UWP Dropdowns in XD have a very wide instrinsic width. What’s the width of the containing element?

Out of curiosity, if you try `uxp-quiet="true"`, does the rendering improve any?

---

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [June 4, 2019, 12:06pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/3 "2019-06-04T12:06:23Z")

</div>

Hmmm, by some reason I can’t reproduce it now, I will post update if I face it again. Seems to be floating rendering problem (

---

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [June 14, 2019, 3:07pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/4 "2019-06-14T15:07:48Z")

</div>

Yep, there is something wrong with rendering. I got it once again:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/87c25059554cf12006b17de439bc693da37f2b1d.png)  
and with `uxp-quiet="true"`:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/2e4e3c6dcee5d1918391ebb7255a848d2657f466.png)

---

<div class="post-metadata">

**Author:** ![kerrishotts](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/kerrishotts/32/8_2.png) [@kerrishotts](https://forums.creativeclouddeveloper.com/u/kerrishotts)\
**Post date:** [June 14, 2019, 5:30pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/5 "2019-06-14T17:30:34Z")

</div>

What OS version details can you share, so I can forward it to the appropriate team.

---

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [June 15, 2019, 8:41am UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/6 "2019-06-15T08:41:00Z")

</div>

I’m on Windows 10 x64 build 18362.175 (version 1903).

---

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [July 10, 2019, 1:12pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/7 "2019-07-10T13:12:31Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/c1baa7c8286c803c52edfea501e2eb48faf67734.png) now drop down button is a sector 🙂

---

<div class="post-metadata">

**Author:** ![gdreyv](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/gdreyv/32/358_2.png) [@gdreyv](https://forums.creativeclouddeveloper.com/u/gdreyv)\
**Post date:** [September 4, 2019, 2:08pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/8 "2019-09-04T14:08:12Z")

</div>

More examples  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/b760221d87cc6f59230726bf39691123be8748db.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/edfb30f24295baa25014d7a851951bca54b44bc9.png)

---

<div class="post-metadata">

**Author:** ![stevekwak](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/stevekwak/32/48_2.png) [@stevekwak](https://forums.creativeclouddeveloper.com/u/stevekwak)\
**Post date:** [September 4, 2019, 4:08pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/9 "2019-09-04T16:08:49Z")

</div>

@kerrishotts to forward this feedback to the team.

---

<div class="post-metadata">

**Author:** ![Velara](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/velara/32/1278_2.png) [@Velara](https://forums.creativeclouddeveloper.com/u/Velara)\
**Post date:** [October 1, 2019, 7:49pm UTC](https://forums.creativeclouddeveloper.com/t/select-tag-rendering/886/10 "2019-10-01T19:49:43Z")

</div>

Started using `select.disabled` and it works great but should we make the disclosure icon faded too? I’ve seen it the way it is now in other frameworks but personally my preference is to fade the icon to match if possible.

![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/1X/27e1136d6a8b18446ea830968eb6a4d8af3e9e7d.png)