baidu / amis

前端低代码框架,通过 JSON 配置就能生成各种页面。
https://baidu.github.io/amis/
Apache License 2.0
17.31k stars 2.51k forks source link

select在modal中,如果配置popOverContainerSelector:body,下拉框内容被modal遮挡 #10775

Open thinkingc opened 2 months ago

thinkingc commented 2 months ago

描述问题:

select在modal中,如果配置popOverContainerSelector:body,下拉框内容被modal遮挡

截图或视频:

image

如何复现(请务必完整填写下面内容):

  1. 你是如何使用 amis 的? npm

  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在 最新版本

  3. 粘贴有问题的完整 amis schema 代码:

    {
    "type": "page",
    "body": [
    {
      "label": "弹框",
      "type": "button",
      "actionType": "dialog",
      "dialog": {
        "title": "弹框标题",
        "body": [
          {
            "label": "多选",
            "type": "select",
            "name": "select2",
            "searchable": true,
            "checkAll": true,
            "multiple": true,
            "clearable": true,
            "popOverContainerSelector": "body",
            "source": "https://aliyunfc-amis-mock-gmecwxibod.cn-beijing.fcapp.run/api/amis-mock/mock2/form/getOptions"
          }
        ]
      }
    }
    ]
    }
  4. 操作步骤 点开弹窗,然后点下拉框

2betop commented 2 months ago

删掉 "popOverContainerSelector": "body", 应该就好了