fix contains algorithm for shadow dom

[zhaoyao91]

For such a structure where content is a shadow dom:

popperContainer
  contentElement(shadowDom)
    innerElement
    innerElement
    ...

If we click on innerElement, the popperContainer.contains(innerElement) will return false since it is inside a shadow root. But in tippy's logic, we need to treat popperContainer containing innerElement as true.

So here comes actualContains function which check through the shadow dom to maintain the correct logic.

Without this fix, interactive option will not work for dom structure above, see:

[atomiks]

Can you move this into dom-utils

[zhaoyao91]

ok

[zhaoyao91]

done

[atomiks]

Linting/Type checking is failing as tsd needs to be updated, I'll do that after merge, thank you

[twilson90]

I checked the latest release, this fix doesn't appear to be in there.
interactive: true still doesn't work for elements within a shadow dom.

[zhaoyao91]

I checked the latest release, this fix doesn't appear to be in there.
interactive: true still doesn't work for elements within a shadow dom.

@hedgehog90 yes, tippy does not release yet since then.

[mvromer]

I'd be very much interested in a new release of tippy that includes this fix as well. I'm currently working on adding tooltip and context menu support to elements that are rendered in a shadow DOM. Tippy has been awesome for this, but right now I'm not able to get click events on context menu items without a few additional workarounds.