Closed Unsleeping closed 6 months ago
Name | Link |
---|---|
Latest commit | 3c873e45ea80d1cd86ddbf881ad3ab7b8d8f1743 |
Latest deploy log | https://app.netlify.com/sites/shadcnui-expansions/deploys/6643a77efcd96b000783c858 |
Deploy Preview | https://deploy-preview-83--shadcnui-expansions.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
This pull request addresses an issue encountered with the badge component. Following selection, the badge item exhibits disabled styles, despite the
disabled:false
property being set.Investigation revealed that the presence of
data-disabled="false"
in the HTML attribute triggers unintended tailwind rules (.data-\[disabled\]
). This behavior, which was not previously observed, arose unexpectedly after a period of time.This update aims to rectify the styling inconsistency by refining JSX configuration to prevent the unintended application of styles to elements when
disabled: false
In my case, I used the MultipleSelector component with the
canEdit
property set to true, thus ensuring thatdisabled
was false. You can confirm this by referring to the screenshot above, where you can seedata-disabled="false"
in the HTML attribute of the selected item.