[Kendo grid] Filter popup of the last column in the grid closes suddenly without any user actions or mouse movement

[Joyce]

The first grid has 11 columns. The second grid has 8 columns. Width (in %) has been set for each column (in CSS). 
Whenever the user opens the filter on the last column, the filter popup closes suddenly without any mouse movement (scroll, click).
  
There are two grids in this page and the issue occurs only for the last column of each grid. 

The issue is experienced by a few users only and we are unable to reproduce the issue on our end.

User is using IE 11. Filter works fine when the user zooms the browser view to 125% but when the user views the page in 100%, the issue still exists.
The same user tested this in Chrome and there are no issues on the grid filter.

User's screen resolution is bigger than 1280px*.
*1280px is the minimum screen resolution supported in our application

01.var csrRequestOpenQueueDataSource = new kendo.data.DataSource({
02.    transport: {
03.        read: function (e) {
04.            CSROpenQueueInput.queueType = 'Open';
05.            cmsfactory.postByObject(CSRRequestQueueAPI, CSROpenQueueInput)
06.           .then(function success(response) {
07.
08.               $scope.noOfOpenRecords = response.data.CSROpenRequest.length;
09.               e.success(response.data.CSROpenRequest);
10.           }, function error(response) {
11.               console.log(response);
12.           })
13.        }
14.    },
15.    pageSize: 10,
16.    schema: {
17.        model: {
18.            fields: {
19.                Csr_Id: { type: "number", editable: false },
20.                Priority_Name: { type: "string", editable: false },
21.                Request_Payer_Claim_Id: { type: "string", editable: false },
22.                Username: { type: "string", editable: false },
23.                Type_name: { type: "string", editable: false },
24.                Patient_Name: { type: "string", editable: false },
25.                Patient_Dob: { type: "date", editable: false },
26.                Open_Date: { type: "date", editable: false },
27.                Uhi_Last_Action_Date: { type: "date", editable: false },
28.                Expected_Resolution_Date: { type: "date", editable: false },
29.                Status_name: { type: "string", editable: false }
30.            }
31.        },
32.    }
33.});

 

01.var csrRequestQueueClosedDataSource = new kendo.data.DataSource({
02.    transport: {
03.        read: function (e) {
04.            CSRCloseQueueInput.queueType = 'Closed';
05.            cmsfactory.postByObject(CSRRequestQueueAPI, CSRCloseQueueInput)
06.           .then(function success(response) {
07.
08.               $scope.noOfClosedRecords = response.data.CSRClosedRequest.length;
09.               e.success(response.data.CSRClosedRequest);
10.           }, function error(response) {
11.               console.log(response);
12.           })
13.        }
14.    },
15.    pageSize: 10,
16.    schema: {
17.        model: {
18.            fields: {
19.                Csr_Id: { type: "number", editable: false },
20.                Request_Payer_Claim_Id: { type: "number", editable: false },
21.                Username: { type: "string", editable: false },
22.                Type_name: { type: "string", editable: false },
23.                Patient_Name: { type: "string", editable: false },
24.                Patient_Dob: { type: "date", editable: false },
25.                Open_Date: { type: "date", editable: false },
26.                Close_Date: { type: "date", editable: false }
27.            }
28.        },
29.    }
30.});

 

Kendo version is 2017.2.621 (Kendo UI Core)

[Tsvetomir]

Hi Joyce,

I have replied to the support thread you have submitted and suggest we continue the conversation in a single thread - either here or in the support ticket. Please avoid submitting duplicate threads as this will enable us to keep better track of the support history and provide better service. 

As reference I will copy my reply from the support ticket here:

There have been reports of sudden menu closing in Microsoft Edge and Internet Explorer browsers which have been fixed in the newer versions of Kendo UI. The recommended line of action would be to upgrade Kendo UI to the latest version and test again in the same environment. We always recommend to stay up-to-date with the latest version since new features, bug fixes and enhancements are introduced.

Since the root of the problem might not be easily examined, I would require you to provide additional information such as the full grid declaration and any details you consider as a good match for reproducing the problem. For example:

- exact jQuery version that is used for the project
- the browser version
- additional styles that are used for the grid
- device specification

Meanwhile, here are some resources that may be relevant:

- The issue with sudden menu closure which has been fixed in 2017 R3 is available at:

https://github.com/telerik/kendo-ui-core/issues/3338

- Sudden menu closure when there is an input in the menu:

https://github.com/telerik/kendo-ui-core/issues/2300

https://github.com/telerik/kendo-ui-core/issues/4156



Regards,
Tsvetomir
Progress Telerik

[Joyce]

Got it. Will delete this thread.