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

UA stylesheet's `:focus { ... }` can be overridable in either way:

>From outside: `your-element:focus { outline: none }`
>From inside shadow: `:host(:focus) { outline: none }`

(UA stylesheet is the least precedence in [cascading order](https://drafts.csswg.org/css-cascade/#cascading))
So either a component user or a component author can specify the expected behavior for the component outline style. When a component specifies the style for its host's outline, a user can still override from outside.

`outline` property doesn't inherit, which is good because these rules above can specifically target an element, and it does not affect other descendants accidentally.

I think it's okay to close the issue.

-- 
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#issuecomment-243667607