The classTarget=html affect the root instead of the html inside the preview

[C0ZEN]

From the docs, the option classTarget will be passed to a querySelector() inside the iframe. Yet, when clicking the dark mode toggle button, it is affecting the first selector matching instead of the one inside the iframe.

Configuration:

export const parameters = {
  darkMode: {
    classTarget: 'html'
  }
};

DOM example:

• html <-- this is the one that will have a class on it
  • iframe
  • html <-- this is the one that I expect to have a class on it

Due to this, the dark mode implementation of my components is not working.

[hipstersmoothie]

Want to submit a pr to fix?

[Iuriy-Budnikov]

I have the same issue