starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

CheckBoxList component: It is possible to select the box by clicking on the right side of the text in vertical alignment mode #338

New Issue
Closed
opened 2026-01-29 17:35:37 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:35:37 +00:00
Owner
Copy Link

Originally created by @adrianomarrale on GitHub (Feb 28, 2022).

Describe the bug
I believe there might be a bug in the checkboxlist component. It is possible to select a checkbox even if you are not clicking on the checkbox square but just after the text of the checkbox ends. The bug is also present in your components page and it affects only the vertical alignment layout.

I have attached a screenshot showing what is wrong with the component.

To Reproduce
Steps to reproduce the behavior:

  1. Introduce a new CheckBoxList component
  2. Set its alignment to Vertical

Screenshots
You can see that the clickable area is both on the square for the checkbox

bugreport2

And on the side of the name

bugreport1

Desktop (please complete the following information):

  • OS: Windows
  • Browser [chrome, edge]
  • Version [e.g. 98]

I hope this can help you to fix the issue! 👍

Originally created by @adrianomarrale on GitHub (Feb 28, 2022). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** I believe there might be a bug in the [checkboxlist](https://blazor.radzen.com/checkboxlist) component. It is possible to select a checkbox even if you are not clicking on the checkbox square but just after the text of the checkbox ends. The bug is also present in your components page and it affects only the vertical alignment layout. I have attached a screenshot showing what is wrong with the component. **To Reproduce** Steps to reproduce the behavior: 1. Introduce a new CheckBoxList component 2. Set its alignment to Vertical **Screenshots** You can see that the clickable area is both on the square for the checkbox ![bugreport2](https://user-images.githubusercontent.com/14260643/156051074-622cbaf5-45cb-40ff-a688-29a5d108104f.PNG) And on the side of the name ![bugreport1](https://user-images.githubusercontent.com/14260643/156051126-abe9c129-2114-49e4-bc69-da700d5da9bb.PNG) **Desktop (please complete the following information):** - OS: Windows - Browser [chrome, edge] - Version [e.g. 98] I hope this can help you to fix the issue! 👍
claunia commented 2026-01-29 17:35:39 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Apr 29, 2022):

You can set style="width: fit-content" to avoid this.

@enchev commented on GitHub (Apr 29, 2022): You can set style="width: fit-content" to avoid this.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#338
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?