ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

shadowroot中无法加载样式

Open rockeralx opened this issue 6 months ago • 0 comments
trafficstars

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.6

Environment

chrome:135.0.7049.114,vue:3.5.13,系统:macos Sequoia 15.3.1

Reproduction link

Edit on CodeSandbox

Steps to reproduce

//mian.ts
let container = document.getElementById('app')
const shadowRoot = container.attachShadow({mode: 'open'})
let root = document.createElement('div')
root.setAttribute('id', 'app')
shadowRoot.appendChild(root)
app.mount(root)
<script setup lang="ts">
//面板容器
let hrpContainer = ref(null)
let visible = ref(false);
</script>
<template>
<div class="hrp-container" v-show="!visible" ref="hrpContainer">
<div class="hrp-button" v-if="hrpContainer">
<a-tooltip placement="left" :get-popup-container="()=>hrpContainer.parentElement" title="网页助手">
<div class="loading-container" key="ball-loading">
<span>加</span>
<span>载</span>
<span>中</span>
</div>
</a-tooltip>
</div>
</div>
</template>

What is expected?

提供相关的配置,能够正确在shadowroot中加载

What is actually happening?

无法加载组件样式

rockeralx avatar Apr 23 '25 10:04 rockeralx