I have created a custom multi select filter. The bottom items cannot be selected. To reproduce in the stackblitz below:

1. open product id filter
2. click into multi select
3. scroll down and select bottom item

The item is not selected. However if you select the top item first, and then scroll to the bottom and select it, it works.

At first I thought it was because the popup menu was closing, but I added the code to prevent it closing when the multi select popup has been clicked, which prevents the close but no event occurs for the item selection.

Here's a stackblitz demonstrating the issue:

https://stackblitz.com/edit/angular-mnxcmn

Any idea if I can resolve this on my end?

Thanks.

Hello, there is an example how to close the popup on document click (https://www.telerik.com/kendo-angular-ui/components/popup/closing/#toc-on-document-click-or-escape), but the source doest'n loading.I need a best practice solution without triggering the change detection for the whole application.

Regards

Hi

Im noticing some behaviors I was not expecting when using the treeview with checkboxes and expandable nodes. 
Some of it could be my understanding of expectations. 
My sample code is here, it's a hierarchy of users with expandable nodes and checkboxes and it shows what keys have been checked, what keys have been expanded and includes buttons for collapsing and expanding and a search.

https://stackblitz.com/edit/angular-cnzlah?file=app/app.component.ts

1. Open the sample, The treeview loads collapsed,
   if i check "User 1", i see it in my list of checked keys (1),
   if i open the "User 1" node using the chevron, i then see more checked keys(1,2,4).  Is this expected behavior ? 
   I would expect after checking "user 1" to see all the keys checked (1,2,3,4) since checkChildren = true. 
   If I expand all then check "User 1" then i do see all the nodes checked (1.2.3.4)

2. Refresh the sample,
   Check "user 1",
    expand the "User 1" node,
    expand the "User 2" node.
    Uncheck user 1",
    collapse the "User 1" node,
    Check user 1",
    expand the "User 1" node, 
    *** now the child nodes are not being checked

3. Refresh the sample, 
     Check "user 1", 
     Click "Expand All" button ... 
     *** now the child nodes are not being checked ....
 

I do not want to display Section/Group name on each row. As in this example:

Type Name : Lifecycle

So, instead of Type Name : Lifecycle, I just want to display Lifecycle.

Please help. I am using Angular 8 so prefer not to use jquery if possible.

Hello,

I'm following your stackblitz example:

https://stackblitz.com/run/?file=app%2Fapp.component.ts  

of a stepper form but when I click the next button it is saying my stepper is undefined, why is this?

public next(): void {
        if (this.currentGroup.valid && this.currentStep !== this.steps.length) {
            this.currentStep += 1;
            return;
        }
        this.currentGroup.markAllAsTouched();
        this.stepper.validateSteps(); //this showing as undefined
    }

Thanks

Sinead

Using the built in date filter is not serializing properly.

When the API receives the request I get a 500 error.

Looking at the serialized filter I think the format is wrong:

?page=1&pageSize=10&filter=creationTime~gte~datetime%272020-12-01T19-00-00-05-0%27

this is how I build the query string:

const queryStr = `${toDataSourceRequestString(state)}`;

hi

i I have added a menu to the kendo grid headerTemplate that displays a Popup. When I click on the inside popup, the column  is sorted

How can I disable this?