OK, thanks for the reply. I understand that you're not adding any features.
mobile safari does have native shadow dom:
I did try forcing the web components polyfill to use shady dom, and that got me one level down, but then I had the same problem with the elements below it.
I ended up just using the console output, with console.logs....painful, but ultimately effective.
Of course, chrome works with either native or polyfilled - here is a snippet with native (from https://www.polymer-project.org/
). The shadow-dom is under '#shadow-root'.
I'm not sure what happens if the shadow root is 'closed'.
But, anyway, it's sort of academic....I have a Mac Mini on its way. Apple won on this occasion....sort of.