Skip to content

支持在webcomponen的shadow dom下使用amis,解决popover问题 #21239

@shijianjs

Description

@shijianjs

是否关联于某个问题吗:

在lit中使用amis:

  • 发现所有的popover位置有问题,目前看到的包括下拉框、提示浮框、日历输入等;
  • lit之类的webcomponent框架,默认是开启shadow dom的。
    • 尝试通过createRenderRoot() { return this; }禁用shadow dom,这些popover可以展示在正常位置;
      • 但这样的方案有问题,需要所有的父级节点全部禁用shadow dom,没办法实际应用

预期的解决方案:

支持shadow dom,修复shadow dom下的问题,至少目前发现的是popover位置问题。

其他可接受方案:

任何附加信息:

示例代码:

amis-lit-demo.html

效果示例:下拉框位置不对
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestspamAuto-marked as spam

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions