checkbox invalid state

[basaran]

Hello, I'm probably doing something wrong but this is what I get when I invalidate checkboxes:

I investigated a bit, and noticed this css padding the aria-invalid:

input[aria-invalid],
select[aria-invalid],
textarea[aria-invalid] {
    padding-right: 2rem;
    background-position: center right 0.75rem;
    background-repeat: no-repeat;
    background-size: 1rem auto;
}

I ended up overriding the checkboxes:

input[aria-invalid][type="checkbox"] {
    padding-right: 0rem;
    background: none;
}

Do you think the original css should be modified with a :not() ? for checboxes? I will test the radio buttons shortly.

[lucaslarroche]

Thank you. That's a confirmed bug.
:not([type="checkbox"]):not([type="radio"]) is the right way to do it.

I will make a patch.

[basaran]

thank you for the pico css. She has significantly improved my drafting efforts since the last few days I met her :)