google / google/site-kit-wp

Tick boxes remain highlighted with outer circle unless a page click is performed elsewhere

Open
#12,835 0 comments 0 reactions 0 assignees View on GitHub
Type: Bug Type: Support UX
Dominant language
JavaScript
Stars
1.4k
Forks
383
Avg merge
4d 14h
Merged PRs (30d)
77

Description

## Bug Description

While on the initial Site Kit setup screen, the tick boxes remain highlighted with outer circle unless a page click is performed elsewhere. This is illustrated in the screenshot below where I have selected the box once and again to de-select it but the box is still highlighted until I perform a page click somewhere else on the page.

Image

## Steps to reproduce

1. Install the Site Kit plugin
2. Start the setup
3. On the initial page, select one of the tick boxes
## Screenshots

## Additional Context

---------------

_Do not alter or remove anything below. The following sections will be managed by moderators only._

## Acceptance criteria

*

## Implementation Brief

* [ ]

### Test Coverage

*

## QA Brief

*

## Changelog entry

*

Contributor guide

Open the contributing guide

Research direction

Start at the initial Site Kit setup screen and reproduce the checkbox focus state by selecting and deselecting a tick box, then clicking elsewhere to compare the result. Trace the setup screen's checkbox component and its existing UI tests, if present; done means a deselected box no longer remains surrounded by the highlighted outer circle before another page click.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.