In ShadowDom : NoElementException: No element to render on.

Hi Folks,

Having trouble when I have my Angular element in the shadow dom. It can't seem to find the element. I am loading in the javascript to execute JsBarcode from a server and creating a script element on the shadowRoot. It is executing, but it can't find the element in question.

Is there any way to work around this issue?

set scriptContents(javascript: string) {
        this._scriptContents = javascript;
        const scriptElement = document.createElement('script');
        

        scriptElement.textContent = javascript;
        this.elementRef.nativeElement.shadowRoot.appendChild(scriptElement);
    }

Start with the Angular element's shadowRoot script injection shown in the report and inspect how JsBarcode resolves its target element. Reproduce the NoElementException with that setup, then determine whether a supported change or documentation is needed; done means the barcode renders or the limitation and workaround are documented.