Completed
Last Updated: 31 Jan 2022 15:21 by ADMIN
Mauro
Created on: 21 Jan 2022 13:46
Category: Kendo UI for Angular
Type: Bug Report
0
Multiselect: Clicking on the margin between checkbox and label closes dropdown

autoClose is set to false and checkboxes true.
Clicking on that small margin area next to checkbox causes the dropdown to close.

3 comments
ADMIN
Yanmario
Posted on: 31 Jan 2022 15:21

Hi Mauro,

Updating to the latest version of our components is recommended. However, if updating at this current time isn't desirable, then the following custom CSS workaround can be used:

.k-checkbox-label{
      pointer-events:none;
    }

Example with the workaround applied - https://stackblitz.com/edit/angular-mjsfjs-te7kxf?file=app%2Fapp.component.ts

The bug report status will stay completed as the behavior isn't present in the newer versions of our component.

I hope the provided workaround helps.

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Mauro
Posted on: 28 Jan 2022 07:55
Unfortunate. Kendo 6.x.x has a large number of breaking changes in theming and component structure completely breaking the majority of custom theming and styling.
ADMIN
Yanmario
Posted on: 28 Jan 2022 07:52

Hi Mauro,

Thank you for the provided screenshot.

I wasn't able to reproduce the issue with our latest version of the DropDowns package and Kendo Theme as the checkbox has zero margin set:

Example from our documentation with the described setup - https://stackblitz.com/edit/angular-nzi2nu?file=app/app.component.ts

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/#toc-basic-usage

I recommend updating our components and Kendo theme version to the latest:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

Let me know how it goes for you. I will set the status to "Completed" as the described issue isn't present in the latest versions.

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.