Select tag rendering

Adobe XD UXP Plugin API
1

I’m using following layout

<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
image406×162 1.62 KB

Xd version is image
Host in manifest is:

"host": {
  "app": "XD",
  "minVersion": "20.0"
}
2

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?

3

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 (

4

Yep, there is something wrong with rendering. I got it once again:
image
and with uxp-quiet="true":
image

5

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

6

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

7

image
image276×136 876 Bytes
now drop down button is a sector :slight_smile:

8

More examples
image

image
image274×122 1.28 KB

9

@kerrishotts to forward this feedback to the team.

10

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