wujie icon indicating copy to clipboard operation
wujie copied to clipboard

弹窗中的下拉框会被主应用遮挡无法显示

Open wssnail opened this issue 11 months ago • 10 comments

描述bug 弹窗中的下拉框会被主应用遮挡无法显示,或者说是下拉框都会被主应用挡住

如何复现 给出详细的复现步骤 1、第一步 主应用的菜单部分宽度设置为600px 2、 第二步 把示例中的下拉框,添加到示例工程的弹窗中

<a-modal v-model:visible="modalVisible" title="ant Modal" @ok="modalVisible = false">
      <div>
        <el-select v-model="value" placeholder="el-select">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </div>
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
      <div>
        <a-select placeholder="ant-select" style="margin-left: 20px; width: 200px">
          <a-select-option value="jack">Jack</a-select-option>
          <a-select-option value="lucy">Lucy</a-select-option>
          <a-select-option value="disabled" disabled>Disabled</a-select-option>
          <a-select-option value="Yiminghe">yiminghe</a-select-option>
        </a-select>
      </div>
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-modal>

错误截图

  • 这是ant-design的下拉框 image
  • 这是element-plus的下拉框 image

最小复现仓库或者地址 重要!!!,请尽量给出复现仓库,这样能极大加快bug解决速度

wssnail avatar Jan 09 '25 03:01 wssnail