Container error thrown when using shadow DOM

[mgaughan]

Trying to use F2 within the shadow DOM but an error is thrown by container.js when checking that the root has been added to the page.

App root for ' + appId + ' was not appended to the DOM. Check your AppHandler callbacks to ensure you have rendered the app root to the DOM.')

The code is checking that the root has a parent node that is the document. In order to allow an F2 app to be used in the shadow DOM, this check should include if there is a parent node in the shadow DOM.

[qrider]

@mgaughan, Do you have an example? I am assuming you are talking about thecheck in elementInDocument.

I think we could use something like this to detect if it is in the ShadowDOM
if(parent.toString() === "[object ShadowRoot]") {
return true;
}

from http://stackoverflow.com/questions/27453617/how-can-i-tell-if-an-element-is-in-a-shadow-dom

[mgaughan]

@qrider - correct, that's the code I've been using locally. I have forked and made the change - just need to add a unit test.