Error in _injectChildStyle when shadowRoot is disabled in CustomElementApi

[seperez-ncl]

Vue version

3.5.13

Link to minimal reproduction

N/A

Steps to reproduce

1- Create a Vue component with child component inside with scoped styles. using the Custom Element API.
2- Disable Shadow DOM.
3- Open the browser console and observe the shadowRoot error when _injectChildStyle runs.

What is expected?

When the shadowRoot option is disabled (or otherwise omitted) and child components have their own styles, Vue should inject (or refrain from injecting) those styles without throwing console errors.

What is actually happening?

Currently, when shadowRoot is disabled, the _injectChildStyle function attempts to apply child styles to a Shadow DOM. Since shadowRoot does not exist, a console error occurs indicating it cannot access shadowRoot or its methods.

System Info

No response

Any additional comments?

No response

[edison1105]

Please follow the issue requirement and provide a minimal runnable reproduction
cannot reproduce see Playground