Skip to content

Conversation

@hlongc
Copy link

@hlongc hlongc commented Nov 29, 2025

📋 Description

Fixes #8502

When the Mantine theme's cursorType is set to 'pointer', the Checkbox component's description and error elements incorrectly inherit the pointer cursor. This creates a misleading UX, as clicking these elements does not toggle the checkbox.

🔧 Changes

  • Set cursor: default on .description and .error classes in InlineInput.module.css
  • Enhanced CursorPointer story with description and error examples for visual verification

✅ Testing

  • ✅ All stylelint checks pass
  • ✅ Code formatted with prettier
  • ✅ Added visual test story to verify the fix

📸 Behavior

Before: Description and error show pointer cursor (misleading)
After: Description and error show default cursor (correct)

The label still correctly shows the pointer cursor and remains clickable.

- Set cursor to default for .description and .error classes
- Prevents misleading UX where pointer cursor suggests clickability
- Fixes issue mantinedev#8502
- Enhanced CursorPointer story with description and error examples
- Allows visual verification that description/error have default cursor
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Checkbox description should not display the pointer cursor

1 participant