Bug: Setting focus to a calcite-action, doesnt set it to the button, need to tab again to get to the button

[kevindoshier]

Summary

Setting focus to a calcite-action, doesnt set it to the button, need to tab again to get to the button

Actual Behavior

Expected Behavior

Setting focus to a calcite-action sets the focus to the button in the shadow dom, that way Enter key etc will work as expected

Reproduction Steps

Relevant Info

[driskull]

Unfortunately, we can't fix until one of these issues are addressed:

ionic-team/stencil#1008
ionic-team/stencil#1623

OR

Stencil allows us to extend a button directly.

@kevindoshier can you focus on the item through the element.shadowRoot?

---

https://developers.google.com/web/fundamentals/web-components/shadowdom#focus

Because we have to have a button within the <host> and the host doesn't act like a button, we have this issue.

If we could delegate the focus to the button then I think it wouldn't be an issue.

[driskull]

Installed. Will be on next release. The calcite-action will now have a setFocus() method.

[kat10140]

verified!