archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(theme): double click issue on checkbox, toggle and radio (#3552)

Browse Source 
* fix(theme): double click issue on checkbox, toggle and radio
This commit is contained in:
Abhinandan 2024-08-29 10:10:44 +05:30 committed by GitHub
parent 14e25e1257
commit 97f233b346
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/sweet-crabs-buy.md Normal file
View File

@ -0,0 +1,5 @@
---
"@nextui-org/theme": patch
---
fixed the double click need in chrome for checkbox, switch and radiobuttons (#3528)

2
packages/core/theme/src/components/checkbox.ts
View File

@ -21,7 +21,7 @@ import {groupDataFocusVisibleClasses} from "../utils";
*/ */
const checkbox = tv({ const checkbox = tv({
slots: { slots: {
base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2", base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
wrapper: [ wrapper: [
"relative", "relative",
"inline-flex", "inline-flex",

2
packages/core/theme/src/components/radio.ts
View File

@ -27,7 +27,7 @@ import {groupDataFocusVisibleClasses} from "../utils";
*/ */
const radio = tv({ const radio = tv({
slots: { slots: {
base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2", base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2 select-none",
wrapper: [ wrapper: [
"relative", "relative",
"inline-flex", "inline-flex",

2
packages/core/theme/src/components/toggle.ts
View File

@ -30,7 +30,7 @@ import {groupDataFocusVisibleClasses} from "../utils";
*/ */
const toggle = tv({ const toggle = tv({
slots: { slots: {
base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent", base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
wrapper: [ wrapper: [
"px-1", "px-1",
"relative", "relative",