Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Checkbox: Regression, custom styling of checkbox active state no longer working

See original GitHub issue

Describe the defect The custom styling for a checkbox actiove state is no longer working. I am no CSS expert, but I had to add an additional attribute selector to bring it back into working order.

Reproducer n/a

Environment:

PF Version: 10.0 Snapshot
JSF + version: _e.g. Mojarra 2.3.9
Affected browsers: e.g. Chrome, iOS, ALL

To Reproduce

Expected behavior

// PF 8.0

.ui-chkbox-box.ui-state-active {
    border-color: #007ad9;
    background-color: #007ad9;
    color: #000;
}

// PF 10.0

.ui-chkbox-box.ui-state-active, .ui-chkbox-box[aria-checked='true'] {
    border-color: #007ad9;
    background-color: #007ad9;
    color: #000;
}

Issue Analytics

State:
Created 3 years ago
Comments:23 (20 by maintainers)

Top GitHub Comments

1reaction

tandraschkocommented, Jan 24, 2021

it should be different when selected and selected+focus. Same background, but focus should highlight it with another border. This makes 3 different selectors: .ui-state-focus .ui-state-active .ui-state-active.ui-state-focus

0reactions

cagataycivicicommented, Mar 1, 2021

We need to review all checkbox and radio buttons;

https://github.com/primefaces/primefaces/issues/7052