The default button has no border. I’ve set the border of the states: hover, pressed, focus and focus (keyboard) to border 2px (all the same value). The hover border is shown just like it should. But when I press the button and move away from the button the border disappears. For some reason the border is only shown after I click somewhere else on the page. then the pressed state of the button is active…
It looks like the focus state is not shown at all. Not sure what’s happening here.
The button contains a checkbox which has a checked state which actually filters the collection below.
Because they are filter buttons, the user needs to see which filter is active without having to click somewhere else first…
Not sure what going wrong here… hope somebody can help…