在shadow-root中使用
Opened this issue · 5 comments
kankanai commented
请问如何限制在shadow-root中使用，我在里面打开了drawer，或者是弹框等，全都在外面的最外面层级展示了，就是有没有可能，提供一个参数接收dom节点，表示挂载/父元素？
lewkamtao commented
好，很感谢你提出这个建议，我想一下如何实现，谢谢～
kankanai commented
好，很感谢你提出这个建议，我想一下如何实现，谢谢～
对了，可以参考下这个开源UI的实现
https://primevue.org/dialog/#template
其中有appendTo的参数
lewkamtao commented
我发现应该是drawer的z-index优先级太高了，比message高了，我把drawer的z-index降低一些，就好了。
kankanai commented
我发现应该是drawer的z-index优先级太高了，比message高了，我把drawer的z-index降低一些，就好了。
不不，就是说drawer是直接挂在最外面的body底部了，而不是想要的在shadow-root里面，因为这涉及到样式，我只在shadow-root里定义了drawer里面的子元素的样式，drawer跑到最外面了，shadow-root里面定义的style就不生效了
lewkamtao commented
哦哦，方便贴一下代码吗？