Attribution not visible when using Shadow Dom

[hormesiel]

mapbox-gl-js version: v0.52.0
browser: Chrome 71.0.3578.98

When displaying a map in a Custom Element that uses Shadow DOM, the attribution isn't visible.

Link to Demonstration

• Custom Element without Shadow DOM (attribution is visible) : https://codepen.io/anon/pen/JxYWea?editors=1000
• Custom Element with Shadow DOM (attribution is not visible) : https://codepen.io/anon/pen/mveyxZ?editors=1000

(don't forget to replace <your-access-token> with a valid token in the JS code)

Expected Behavior

Attribution should be visible even if using Shadow DOM.

Actual Behavior

Attribution is not visible.

[ryanhamley]

This appears to be a much broader issue than the attribution not showing up. The Mapbox logo doesn't show up. HTML markers and popups do not behave as expected. I created a pen that allows you to easily change back and forth between shadow DOM and no shadow DOM (just change the useShadow boolean) so we can see the behaviors here. The no shadow DOM component behaves as expected. I'm assuming this is happening because GL JS internally does not make any allowance for a possible shadow DOM when creating child elements for the map.

That said, we don't guarantee support for new specs like web components and shadow DOM and it's not clear to me how much work compatibility would require, if it would be worth it or if it's something we'd want in the main library. I'm going to close this for now as something that's probably out of the scope of the project, at least until shadow DOM and web components become significantly more mature. Thanks for using Mapbox and bringing up this issue though! It's an interesting approach to using GL JS.

[anthony-bernardo]

Is mapbox working (especially Markers) with shadow root ?

[EmilePerron]

Pinging this issue as Shadow DOM and web components have become much more mature over the past few years, with good support from every browser and quite a few libraries and frameworks being built on top of them and / or with support for them.

Is this something that you are willing to reconsider at this time, or not yet?