Исправьте высоту раскрывающегося списка с выбором ответа (пользовательский интерфейс React Material)

Я реализовал раскрывающийся список с помощью response-select, с помощью которого отображаются параметры on typeahead, но изначально раскрывающийся список огромен и занимает всю страницу. Я хочу знать, как оформить раскрывающийся список с выбором реакции и выбрать фиксированную высоту, а при переполнении обеспечить прокрутку. response-select

Ниже мой частичный код

class Project extends React.Component {
  render() {
    const selectStyles = {
      input: base => ({
        ...base,
        color: theme.palette.text.primary,
        '& input': {
          font: 'inherit',
        },
      })
    };
    return ( <
      SelectN inputProps = {
        {
          name: 'headedByUserId',
          id: 'headedByUserId',
        }
      }
      classes = {
        classes
      }
      styles = {
        selectStyles
      }
      options = {
        suggestions
      }
      components = {
        components
      }
      value = {
        this.state.fields["headedByUserId"]
      }
      onChange = {
        this.handleChangeDropdown.bind(this, "headedByUserId")
      }
      placeholder = "select owner"

      /
      >
    )
  }
}


person SanjanaHE    schedule 30.11.2018    source источник


Ответы (1)


response-select имеет атрибут

maxMenuHeight = "200"

используя это, мы можем установить высоту раскрывающегося списка, а также, если раскрывающийся список внутри диалогового окна материала, вы можете установить свойство диалога «переполнение»: «видимый» для отображения раскрывающегося списка

person SanjanaHE    schedule 10.12.2018