在shadow-root中使用

[kankanai]

请问如何限制在shadow-root中使用，我在里面打开了drawer，或者是弹框等，全都在外面的最外面层级展示了，就是有没有可能，提供一个参数接收dom节点，表示挂载/父元素？

[lewkamtao]

好，很感谢你提出这个建议，我想一下如何实现，谢谢～

[kankanai]

好，很感谢你提出这个建议，我想一下如何实现，谢谢～

对了，可以参考下这个开源UI的实现
https://primevue.org/dialog/#template
其中有appendTo的参数

[lewkamtao]

我发现应该是drawer的z-index优先级太高了，比message高了，我把drawer的z-index降低一些，就好了。

[kankanai]

我发现应该是drawer的z-index优先级太高了，比message高了，我把drawer的z-index降低一些，就好了。

不不，就是说drawer是直接挂在最外面的body底部了，而不是想要的在shadow-root里面，因为这涉及到样式，我只在shadow-root里定义了drawer里面的子元素的样式，drawer跑到最外面了，shadow-root里面定义的style就不生效了

[lewkamtao]

哦哦，方便贴一下代码吗？