Sc-ion class changes app style

Ionic Framework Ionic Angular
6

Hey again! :slight_smile: I managed to figure it out. See the comments in the issue I linked above, but the short version is that we’re using a tool called HotJar, and their JS code is overwriting a native browser function which confuses Stencil.

Try this…

  • In chrome, get the problem to happen.
  • Then, in the dev tools console, run document.head.attachShadow
  • This will print out the contents of that function. You will probably not see ƒ attachShadow() { [native code] }
  • Assuming you see something else, double-click on it. That should take you to the sources tab where you can see where it’s implemented. Wherever that’s happening, you need it to not happen in order for Ionic to work properly. In my case, it’s implemented by HotJar, so I’m going to remove it for now.
2 Likes