Skip to content

RadioButtons: check.background.color is being applied to all the radio buttons and not just the checked radio button #5225

@charupasternak25

Description

@charupasternak25

Expected Behavior: When I set a background color for checked radio button, only the currently checked radio button should change the color and other should be default grey.

Actual Behavior: For the code here:

radioButton: { check: { color: '#fff', background:{ color: '#3b5ed8' } } }

all the radio buttons show the blue background color and not just the one checked.

Screen Shot 2021-05-05 at 3 33 16 PM

URL, screen shot, or Codepen exhibiting the issue

Steps to Reproduce

Your Environment

  • Grommet version:
  • Browser Name and version: Chrome latest
  • Operating System and version (desktop or mobile): Desktop Mac

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions