Hi Survey team,
We are planing to create an Angular web component that would render a surveyJS V2 instance inside it, that means that survey would be placed inside a shadow dom. All styling have been successfully handled, the only problem we encounter is that the sv-icon-holder-global-container
set in the document header to render all the related icons it's in the main document header, outside the shadow dom, and looks like they are not leaked or cannot be accessible from a survey instance inside a shadow dom, e.g.
The icons are registered in the head tag:
But they are not rendered.
It's there a way using surveyJS V2 methods to achieve this(for example register that bundle inside the shadow dom etc.)?
We are using Angular v15 framework and survey v1.9.104
Thanks for your time
Hello Taylor,
I would appreciate it if you could share a runnable demo which reproduces the issue.
Thanks
Hi Jane,
Here is the runnable demo: https://codesandbox.io/s/falling-resonance-5zj8k5
You'll see that in the checkbox the checkmark is missing because cannot access the svg icon container, same for the rest of the icons
Thanks again for your time
Hello,
Thank you for sharing this demo. We will investigate it and update you as soon as we have any news to share.
Thanks