[w3c/webcomponents] :focus behavior of delegatesFocus:true will be confusing for users (#554)

>From [here](https://www.w3.org/TR/shadow-dom/#focus):

> When any element in HOST's shadow tree has focus, :focus pseudo-class applies to HOST in addition to the focused element itself.

> If :focus pseudo-class applies to HOST, and HOST is in a shadow root of another shadow host HOST2 which also delegates focus, :focus pseudo-class applies to HOST2 as well.

In practice, this behavior is very confusing. I'm not sure we have an example like it currently in the platform.  

Consider http://jsbin.com/kuqepubihi/edit?html,output (Try in Chrome Canary for Custom element support). Tabbing into the `<x-element>` component puts the default outline ring around three items!


-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/554