Drop Down Default Option

I’m having trouble getting the default option for a drop down item to work when running a prototype. In design mode, the drop down is collapsed, and I’ve set a hint for the drop down. But when I run the prototype it is automatically selecting the first option.

The interaction I’m attempting to mockup is a series of drop down menus, so I’ve set the state to change when the user makes a selection. I want to leave the drop down blank until a user picks an option.

I believe I’ve used this same approach in earlier versions of Indigo and it worked, has anyone else seen this since updating recently?

Hi, there.

The dropdown remembers the value you had last selected before you collapsed the dropdown. If you want to show the dropdown as blank, make sure there is no hint text and collapse the drop down on the design surface. Let us know whether we understood your question correctly.

Thanks George, that did address my question. I think my issue was that I had the dropdown in a screenpart, and the screenpart had the first item in the dropdown selected. I had to go back into the source screenpart and change the template to select the hint to resolve the issue. 

This usually happens because the dropdown component automatically selects the first item when the prototype runs. In Adobe XD (formerly Project Indigo), the hint text is only a visual placeholder in design mode and does not always behave like a true “empty” default value during prototyping.

A common workaround is to add a blank or “Select an option…” item as the first option in the dropdown list. This keeps the field looking empty when the prototype starts and lets the user make a selection afterward.

If you are using component states for the dropdown interaction, make sure the default state is the one that shows the placeholder or empty value before any selection is made.