How to make a custom web component focusable?

Question

I\'m writing a custom web component that is meant to be interactive. How can I tell the browser that this custom component should receive focus?

I wish that my custom el

Answer 1

One very pragmatic approach I use, if possible and suitable, is just to put a around my custom element.
This maybe does not fit as solution for you, I mention it anyway for others stepping into this question / problem.

It handles all focus matters, including a focus rectangle an so on.

To tame a

is less work than it seems (think especially about the line-height the button changes)