javascript - React select 不能覆盖 react modal

Question

我有一个 React 模态，里面有 react-select。我怎样才能使选择覆盖模态，因为我在模态底部的一些选项没有出现？

我尝试了 z-index 但它没有用。

<MainSelect
        className="select"
        id={name}
        isMulti
        isRtl={!locale.ltr}
        components={{ Option: OptionComponent }}
        styles={this.customStyles}
        theme={this.customTheme}
        options={options}
        value={value}
        placeholder={placeholder}
        onChange={this.handleChange}
        onBlur={formik.onBlur}
        onMenuOpen={() => {
          if (setScroll) setScroll();
          this.props.formik.setStatus("onMenuOpen");
        }}
      />

Answer 1

这里的问题是 React Modal 的默认样式，即 overflow:hidden。 React-modal 允许您轻松覆盖默认样式。只需将 overflow: visible 添加到模态的 CSS。