Hello!
I am currently implementing cobrowsing with voice in Angular 8. Everything is working as it is supposed to, the support representative is able to connect to the cobrowsing session and see/interact with the user's screen.
The main problem is that some of the CSS styling is not showing on the support representative's side. When we first started testing, none of the styling was coming through on the support representative's side. It was a white page with plain HTML elements. I then removed the shadow DOM from the application and most of the styling started showing on the support representative's screen but it was still missing some major styling.
We are using ng bootstrap and material to style the application. From screenshots of the support representative's view, it looks like the styling that bootstrap and material provide are still missing. The radio buttons that bootstrap styles and the grid system that bootstrap uses is not there. The input formatting/styling that material provides is also not there. The radio buttons and inputs are plain HTML elements. This shows that those libraries are missing on the support representative's view.
These libraries are working on the user's side but they don't make it through to the support representative's side. They are imported and used following Angular's guidelines. Is there a specific way we need to import those libraries into the application to make them show on the support representative's side? Is there something we need to do to make sure those libraries are in the application and also show on the support representative's side?
Thank you for the help!