CSS conflict between widget and some host websites

[pigma]

We’re testing different kind of widget deployment from our Ckan Instance (https://www.pigma.org/datanouvelleaquitaine/dataset).
We generated the build as mentionned in readme.md. Tests are conclusive on some websites.

However, we face problems on some deployments:

• On the following example, it seems that CSS classes of our text editor plugin (wysiwyg) take over the widget CSS.
  Html page > https://www.pigma.org/public/marque-blanche/ckan-widget/build/index.html
  Embed code in Host website (page test) > https://portail.pigma.org/ckan-pigma-embed-test/
• On a partner Website we’ve got another type of problem due to a CSS conflict between Boostrap version of the widget (v 4.3.1) and Bootstrap version of the host website. I cannot provide an example for now, sorry.

Iframe works but we want to avoid it as much as possible to favor embed code.

Is there a way to isolate widget CSS code ? If it’s not possible now, is it possible to set up an evolution that would manage to isolate widget CSS class ? Is it technically possible ?