Shadowdom support

[vytch]

Hi, I wanted to use this feature, however my app is inside a shadowdom element, any chance you could support shadow dom?

[vojto]

Can you tell us more about your usecase? Why is your app inside a shadowdom element?

[vytch]

Hi,

Yeah I work in a place which has gone for a micro-service architecture. The site has been broken into multiple mini-apps, each running inside a shadow dom element. This in order to limit the risk of miniapps conflicting with one another.

I have worked on a simpler version of the tour. In order to make it work I had to do the following changes:

• Allowing the component to have an optional prop (rootNode) that I can use to append the popper.
• Allowing using ref (instead of selectors) so we don't have to do document.querySelector.

Also for the highlighting I had to use the approach taken by this component: reactour. It uses a svg mask and although it does not give a lot of flexibility in terms of look it works better in the shadowdom as it does not uses sass.