Focus question

[aksld]

Hello,

I have a question, I don't know if it's a bug or not.

In the pen : https://codepen.io/aksld/pen/jOBMRbR

My tab system is ok. But after clicking the button stay on state "focus".
This is normally ?

Or maybe I forgot something ?

Thanks

[SimoTod]

It's how focus normally works: https://codepen.io/SimoTod/pen/QWpKRad

[aksld]

Thanks for help !

So for my need, I have to cancel the focus after the @click ?

[SimoTod]

You can add document.activeElement.blur() at the end of switch tab but at that point you won't even see it unless you use the keyboard to navigate the page (which may be what you want to achieve).

[MuzafferDede]

I think you should use active state instead of focus

<button class="active:ring-2 focus:outline-none">Test</button>