[blink][edge][webkit] steps toward <style scoped> : first do no harm

I recently found a nice use-case for <style scoped> : per post custom
styling, that would work not only on a post's permalink page, but also
on a post when display in a stream, like on a home page.

I had just created a bit of CSS for the recent "pride weekend" in San Francisco:

http://tantek.com/2015/178/t1/lovewins-css3-pride-rainbow-background

And decided I wanted to keep that custom rainbow bg styling on that
post, while reverting other posts to their "normal" styling.

I implemented this using <style scoped> and it worked exactly as expected:

http://tantek.com/2015/185/t1/coded-per-post-styling-style-scoped

On both the post by itself and when it was present in a list of posts
like on my homepage.

At least in Gecko.

When I tried it other browsers, the rules from the <style scoped> leak
out to the rest of the document, affecting all posts.

E.g. this is a relatively recent Edge screenshot (via a friend)

http://i.imgur.com/CUXPIJk.png


Thus this is a request - short of fully implementing <style scoped>:


** Could Blink, Edge, and Webkit at least *not* apply <style scoped>? **


I looked for such "first do no harm" bugs for each and couldn't find
any, so I'm sending this message here to broaden awareness and
hopefully get someone from each engine to file a bug and report back a
publicly viewable URL for it so we can track it.


That being said, if any other engine can share an intent to actually
get <style scoped> working in some reasonable timeframe, that would be
appreciated as well!

Thanks,

Tantek

Received on Friday, 10 July 2015 18:15:43 UTC