反应选择不能覆盖反应模态

Question

我有一个反应模态，里面有react-select。由于模态底部没有出现某些选项，如何使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中即可。