Hello,
On Chrome for Android, the dropdown menu appears offscreen. With Firefox for Android or Chrome desktop, it works well.
This sample reproduces the problem : https://runner.telerik.io/fullscreen/@kakone/azuPAHuy. If you click on the right item (user icon), the dropdown appears offscreen.
Hi Stephanie,
Thank you for reporting this behavior. This is indeed a Bug and I can see that you have already logged it in our Public Repository:
https://github.com/telerik/kendo-ui-core/issues/5607
I can assure you we are aware of the issue and it is already in our priority queue.
As a possible workaround until the issue is fixed I could suggest disabling the widget animations and manually adjusting the position of the container element of the last menu item for Android devices within the activate event handler function
$("#menu").kendoMenu({
animation:false,
activate:function(e){
var isLast = $(e.item).closest('.k-last').children().find('.k-i-user').size(); //find the last menu item with user icon
if(kendo.support.mobileOS.android && isLast){
$(e.item).find('.k-animation-container').css('left',-$(e.item).find('.k-animation-container').width()+$(e.item).width()) //update menu dropdown positioning
}
}
});
Finally, as a token of gratitude for reporting this behavior an helping us improve our product, I have updated your Telerik Points.
Regards,
Aleksandar
Progress Telerik