Unhiding Dropdowns

Is there a trick to unhiding dropdowns that have a default setting as Hidden? The dropdown in question is hidden by default (mlT1Confirm). When a user clicks a certain button on the page (mlTeam1), the dropdown should appear and work as intended.

It all seems to work, i.e., the dropdown appears after the button is clicked, but none of the options or choices populate. There is nothing to select in the dropdown.

If I don’t set the dropdown’s default setting to Hidden, it all works fine. I’ve also tried to populate the dropdown after the click - the second set of partial code with the testDropDown. I can’t seem to make it work. Any ideas?

export function mlTeam1_click(event) {
$w(“#mlTeam1”).hide();
$w(“#mlTeam2”).hide();
$w(“#mlT1Confirm”).show();
const memChoice = await waitForDropdownSelection(“#mlT1Confirm”);

export function mlTeam1_click(event) {
$w(“#mlTeam1”).hide();
$w(“#mlTeam2”).hide();
$w(“#testDropDown”).options = [
{ “label”: “25”, “value”: “25” },
{ “label”: “50”, “value”: “50” },
{ “label”: “75”, “value”: “75” }
];
$w(“#testDropDown”).show();
const memChoice = await waitForDropdownSelection(“#testDropDown”);

Figured it out. The dropdowns type needs to be set to Browser (as opposed to Custom) in the elements settings.