Telerik Forums
Kendo UI for Angular Forum
1 answer
55 views

I migrated kendo-angular-grid from 7.4.0 -> 14.2.0 and kendo-angular-menu from 4.0.3 -> 14.2.0 and observe that now the context menu sometimes causes the whole grid to shift upwards and off screen when displayed.  Examples of normal behaviour (good.jpg) and corrupt behaviour (corrupt.jpg) are attached below.  

If you look at the top attribute in the style applied to the kendo-popup (630px), the value is much too high. If I manually reduce it to say 200px (see corrected.jpg attached) then whole grid shifts back down to normal position.

If I console log the originalEvent.pageY value then this is value I see getting set as the top attribute value for the kendo-popup and isn't taking into account the height of the popup and whether placing it here will cause viewport overflow. Whereas when using the earlier versions of your libraries (see above),  if for example the originalEvent.pageY was reported as 772, the top value for the kendo-popup was assigned a value of 317, meaning the popup would always fit in the available viewport and not overflow it.

Can you please investigate and fix.

Martin Bechev
Telerik team
 answered on 16 Jan 2024
1 answer
112 views

I have upgraded my Angular version from 11 to 12 and corresponding to that I have upgraded the supported Kendo version for angular 12. I am facing issue with Kendo Context Menu. Previously it used to work fine, I have added the jQuery function to dynamically add the kendo context menu on the Grid rows which will trigger on Click of the row but after upgrading the version this jQuery function does not work. I tried adding directly kendo context menu on the UI that is working so that means there is no library issue. 

Please check the code and libraries and let me know what went wrong on this jQuery function or is there any change happened recently.

$('#menu').kendoContextMenu({
                  orientation: 'vertical',
                  target: this.jqGridSelector,
                  filter: //Added classes for filtering,
                  animation: {
                    open: { effects: 'fadeIn' }
                  },
                  showOn: 'click',
                  closeOnClick: true,
                  open: (e: any) => {
                   //Adding list on context menu and showing it when click is triggered.
                  },
                  select: (e: any) => {
                   //select Function
                  },
                  close: (e: any) => {
                   //Close function
                  }
                });

I have added this above code under kendo.data.DataSource and the open function was getting triggered on row item click but after upgrade it is not happening.

Package.json

"@progress/kendo-angular-buttons": "^8.2.2",
    "@progress/kendo-angular-common": "^3.2.2",
    "@progress/kendo-angular-dateinputs": "^7.1.6",
    "@progress/kendo-angular-dialog": "^7.1.5",
    "@progress/kendo-angular-dropdowns": "^7.2.4",
    "@progress/kendo-angular-excel-export": "^5.0.2",
    "@progress/kendo-angular-grid": "^7.4.2",
    "@progress/kendo-angular-inputs": "^10.1.2",
    "@progress/kendo-angular-intl": "^4.1.1",
    "@progress/kendo-angular-l10n": "^4.0.1",
    "@progress/kendo-angular-label": "^4.0.2",
    "@progress/kendo-angular-layout": "^7.2.0",
    "@progress/kendo-angular-menu": "^4.1.1",
    "@progress/kendo-angular-pdf-export": "^4.0.1",
    "@progress/kendo-angular-popup": "^5.0.2",
    "@progress/kendo-angular-progressbar": "^3.1.2",
    "@progress/kendo-angular-treeview": "^7.1.5",
    "@progress/kendo-angular-upload": "^9.0.4",
    "@progress/kendo-data-query": "^1.6.0",
    "@progress/kendo-drawing": "^1.14.0",
    "@progress/kendo-licensing": "^1.2.2",
    "@progress/kendo-theme-default": "^5.0.0",
    "@progress/kendo-ui": "^2021.3.1207",
    "jquery": "^3.5.1",
    "jquery-ui": "^1.12.1",
    "jquery-ui-dist": "^1.12.1",

Slavena
Telerik team
 answered on 03 Mar 2023
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?