Menu disappears after item selection and never returns despite open={true}

[ndtreviv]

What I'm trying to achieve

An autocomplete/select list made up of a TextField and a Menu.

Expected Behaviour

When the user clicks the TextField, or starts typing, it should show the Menu, controlled by a boolean in the state called fieldListOpen.

If the user selects a menu option, the Menu should go away, and if they then click the TextField again it should reappear, as fieldListOpen will be set to true again.

Actual Behaviour

The menu appears the first time. I click an option, the Menu disappears and I can't make it reappear again.

I can confirm that the fieldListOpen state field is set to true:

The Menu element is on the page, but display is set to none:

If I set display to something else, the menu is there, but is a ghost:

Code from my render function:

        <TextField
          ref={this.setAnchorElement}
          trailingIcon={<MaterialIcon role="button" icon="arrow_drop_down" />}
          onTrailingIconSelect={e => {
            this.setState({ fieldListOpen: true });
          }}
        >
          <Input
            onClick={e => {
              this.setState({ fieldListOpen: true });
            }}
            onChange={e => {
              this.setState({
                fieldFilter: e.target.value,
                fieldListOpen: true
              });
            }}
            value={fieldFilter}
          />
        </TextField>
        <Menu
          open={fieldListOpen}
          anchorCorner={Corner.BOTTOM_LEFT}
          anchorElement={anchorElement}
          onSelected={(arg1, arg2) => console.log("select", arg1, arg2)}
        >
          <MenuList>
            {options.map((field, index) => (
              <MenuListItem
                key={index}
                onClick={e => {
                  this.setState({ selectedField: field });
                }}
              >
                <MenuListItemText primaryText={field.label} />
              </MenuListItem>
            ))}
          </MenuList>
        </Menu>

What do I need to do to get my Menu to show up again?

[ndtreviv]

#242 mentions a text field associated with a select...I'm wondering if an autocomplete component is in the pipeline?

[ndtreviv]

Fixed by adding the following property to Menu:

          onClose={(e) => { this.setState({fieldListOpen: false}); }}