Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issues with disabled radio buttons in dark mode #2909

Open
GCHQ-Developer-847 opened this issue Dec 17, 2024 · 0 comments
Open

Issues with disabled radio buttons in dark mode #2909

GCHQ-Developer-847 opened this issue Dec 17, 2024 · 0 comments
Labels
radio component The generic component, includes both the web component and the React component type: bug 🐛 Something isn't working
Milestone

Comments

@GCHQ-Developer-847
Copy link
Contributor

GCHQ-Developer-847 commented Dec 17, 2024

Summary of the bug

Disabled radio buttons in dark mode turn white when you hover over them. Disabled selected radio buttons display with a white outline which doesn't match the designs, and they turn blue when hovered on.

🪜 How to reproduce

Tell us the steps to reproduce the problem:

  1. Go to the Disabled radio button story in dark mode.
  2. Hover on the buttons.
  3. See that they change when hovered on, and the selected variant displays a white outline when it should be black.

📸 Screenshots or code

image
image

🧐 Expected behaviour

The radio buttons should not change on hover at all and the selected disabled variant should have a black inner outline to match Figma.

@GCHQ-Developer-847 GCHQ-Developer-847 added type: bug 🐛 Something isn't working radio component The generic component, includes both the web component and the React component labels Dec 17, 2024
@MI6-255 MI6-255 added this to the PI 10 V3 milestone Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
radio component The generic component, includes both the web component and the React component type: bug 🐛 Something isn't working
Projects
Status: In Refinement
Development

No branches or pull requests

2 participants