fix/#6144 htmlFor prop doesn't work in MultiStateCheckBox

[charithAmila]

Defect Fixes

Fix: #6144 htmlFor prop doesn't work in MultiStateCheckBox

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
primereact	⬜️ Ignored (Inspect)	Visit Preview		Mar 22, 2024 4:20pm
primereact-v9	⬜️ Ignored (Inspect)	Visit Preview		Mar 22, 2024 4:20pm

[github-actions]

Thanks a lot for your contribution! But, PR does not seem to be linked to any issues. Please manually link to an issue or mention it in the description using #<issue_id>.

[melloware]

Did you check if PrimeVue has the same issue or has the same
Solution?

[melloware]

It looks like more than just this label is broken on the showcase the MultiState checkbox doesn't ever seem to get checked?

[melloware]

I htink we need to investigate why the icons are not appearing also.

[charithAmila]

I will take a look.

[charithAmila]

I htink we need to investigate why the icons are not appearing also.

The icons do not appear because both the background and icon colors are same.

Dark mode preview:

Suggestion 1:
Add styles to theme.css

. p-multistatecheckbox  > .p-highlight {
     background: '#8dd0ff'; // Any color
     boarder-color: '#8dd0ff'; // Any color
}

Suggestion 2:
We should add a default color to the icon or parent element (div)

Results:

1. Added primary color to the parent element.

2. Added primary color to the icon.

[melloware]

OK I fixed the icons in my PR: #6209

[mertsincan]

Hi,

Similar to #6210 (comment)

We'll have added new structures for the next version. For now, closed. Thanks a lot for your PR!