How to make a button remain in focused state?

I’m doing a simple quiz with buttons as the answers.

So I have a question and three buttons for the answers. I set the focus state on all three and it works perfectly, but the problem is when I click anywhere on the page, the button loses focus. Is there anyway I can make my buttons remain focused even after clicking anywhere?

Here is my public share link: LINK
(how to access public share link)

Hey @cgonza , the focus state is essentially to shift your focus to the button once the page is loaded and then upon any interaction, the focus state should disappear since you either have noticed the focused section or your focus is somewhere else, if that makes sense. Focus state also helps for accessibility purposes to show a highlight when something is selected using your arrow key.

If you are looking for a styling that stays through the visitors time, why not style the button natively as such? Is there a reason you chose to style the focused state?

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.