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

Checkbox: Upgrading to 10.6.2 with Tailwind theme breaks component #6346

Closed
gcko opened this issue Apr 9, 2024 · 1 comment · Fixed by #6347
Closed

Checkbox: Upgrading to 10.6.2 with Tailwind theme breaks component #6346

gcko opened this issue Apr 9, 2024 · 1 comment · Fixed by #6347
Assignees
Labels
Component: Tailwind Tailwind specific issue
Milestone

Comments

@gcko
Copy link
Contributor

gcko commented Apr 9, 2024

Describe the bug

After updating PrimeReact from version 10.5.1 to 10.6.2 the Checkbox component is no longer properly styled and the styling breaks even more when clicked

It also shows a visible checkbox behind the checkbox. Checking the checkbox makes it change its state.

This is an image of it prior to being selected
Screenshot 2024-04-09 at 19 31 34

This is an image of it after being selected
Screenshot 2024-04-09 at 19 31 37

This Can be demonstrated on the live documentation page: Checkbox > Theming > Unstyled

Reproducer

No response

PrimeReact version

10.6.2

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to the documentation page on version 10.6.2
  2. Checkbox > Theming > Unstyled > Tailwind
  3. Try clicking the checkbox to toggle its state
  4. Notice the visible checkbox

Expected behavior

The styling should be consistent with the default styled variant of the Checkbox component

@gcko gcko added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 9, 2024
@melloware melloware added Component: Tailwind Tailwind specific issue and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Apr 9, 2024
@melloware melloware added this to the 10.6.4 milestone Apr 9, 2024
@melloware
Copy link
Member

Thanks for the PR!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Tailwind Tailwind specific issue
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants