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

@hayatoito thanks for summarizing the issue.

`delagatesFocus=true` is special in that it makes its shadow host be in the focus navigation order, without stopping at the host itself but relays the focus into its shadow - that's where "delegate" comes from.

I am wondering Alice's `<gh-navbar>` element ever needs `delegatesFocus=true`,
as it does not have to trap focus as a component.  If it does, to control order of
focus navigation like (top navigation -> comment thread -> side navbar), then it would have
a `tabindex` attribute, and you have focus ring around it (if you propose `:focus` matches
`delegatesFocus=true` shadow hosts with `tabindex` attribute)?

Probably for such an element, you can have `:host(:focus) { outline: none }` from its shadow root
to specifically cancel drawing focus ring on the host (in contrast to what I commented in
https://github.com/w3c/webcomponents/issues/554#issuecomment-242262673 to cancel
focus ring *inside* shadow root).


-- 
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-243043720