This is a migrated thread and some comments may be shown as answers.
[Kendo grid] Filter popup of the last column in the grid closes suddenly without any user actions or mouse movement
2 Answers 26 Views
This is a migrated thread and some comments may be shown as answers.
Joyce
Top achievements
Rank 1
Joyce asked on 16 Oct 2018, 04:25 PM
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)

2 Answers, 1 is accepted

Sort by
0
Tsvetomir
Telerik team
answered on 18 Oct 2018, 03:41 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Joyce
Top achievements
Rank 1
answered on 18 Oct 2018, 03:43 PM
Got it. Will delete this thread.
Tags
Grid
Asked by
Joyce
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Joyce
Top achievements
Rank 1
Share this question
or