Remove checkbox default focus

[jctrebalag]

Hi,

Is there a way to disable checkbox default focus behaviour (v.1.2.4) ?
If I click on a checkbox, the focus (circle around checkbox) does not disappear and same is happening when I untick it. I need to click somewhere else to make it disappear.

Any help would be appreciated. Thanks.

[s.molinari]

That is part of the Material design spec. https://material.io/components/selection-controls/

And it’s purpose is for keyboard access. If you’ll notice, when it’s “highlighted” you can still uncheck and check the box with the space bar.

If you don’t want the focus highlight, you’ll need to turn it off via CSS. https://codepen.io/smolinari/pen/qBBrWLz

Scott

[jctrebalag]

Hi Scott,

Thank you very much for the help. It was driving me crazy ^^.

Jean-Christophe