Focus states don't work on checkbox inputs

What you were expecting: WHen navigating through the CheckboxGroupInput inputs, there should be a visible indicator when using the TAB key

What happened instead: No way to indicate which of the checkboxes is focused

Steps to reproduce: Navigate to the post page Tab through the page Observe the lack of styles on focus

This is likely due to the styles being applied to the focus pseudo class of the span element. But the span element isn’t focusable via keyboard. Instead we should leverage the focus-within pseudo class to display focus styles if the child input element is focused

I can create a quick PR for this

insert short code snippets here

Other information:

Environment

• React-admin version:
• Last version that did not exhibit the issue (if applicable):
• React version:
• Browser:
• Stack trace (in case of a JS error):

[fzaninotto]

If the cause is the disableRipple (which we added for performance reasons), then we should remove this disableRipple, and let developers looking for performance re-add it in userland if they want.

[septentrion-730n]

Thanks for your report and for the fix you have provided!