would bootstrap support shadow dom?

[liudongmiao]

Shadow Dom has css scoping.

I have make a shadowdom version, but only test on my site: https://github.com/liudongmiao/bootstrap/compare/shadowdom

[liudongmiao]

here is a compied version (v3.2.0): http://piebridge.me/bootstrap-shadowdom.css

[liudongmiao]

For css scoping, please refer here: http://www.w3.org/TR/css-scoping-1

[cvrebert]

Given the current level of maturity of the spec ("First Public Working Draft", "early-stage", "not well-baked and may change dramatically or be removed"), I think it's unlikely that we'd support it until it advances further.

[mdo]

What @cvrebert said. No plans here.

[liudongmiao]

Thanks.

[dfreire]

@liudongmiao, your compiled css works. However there's still a problem with bootstrap.js. If for example you try to use a dropdown button inside a polymer element, it will be correctly styled, but with no dropdown behaviour. Any ideas for fixing this?

[liudongmiao]

@dfreire as the shadow dom won't be chosen outside of the element, so there is no way.

In our project, we only use bootstrap's css, all the behavior are maintained by the element. Actually, it would be very easy, just add the css or remove the css. (classList would be easy to do this, any modern browser that support polymer support classList already).