Displaying On Intitiation

[Benji6996Participant]

I have got a very weird bug with one of my jqWidget Menus. I currently have a screen which has multiple jqxMenu‘s on it, some are context menus and some are horizontal navigations. The menus that initiate on page load work absolutely fine. However, I have a couple of menus that are initiated once a javascript dialog has been opened, and these are the ones with the issue…

When I open my dialog and initiate the new menus, a very small part of the menu is visible in the top left of my screen (above my overlay)… As soon as I move my mouse over the actual menu, the visible one in the top left corner disappears.

It is almost as if it is opening when I initiate it but it doesn’t know where to place it and how high to set it so it puts it in the top left corner with a height of 0 but the padding makes approx 5px of it visible…

Not entirely sure how I can replicate this for you… 🙁

This is my code, not sure if it will help:

// Create a copy of the packing list items menu
var context_menu = $('<div>');
$('#pl_items_menu ul:first').clone().appendTo(context_menu);
context_menu.attr('id','pl_items_context_menu');
$('li',context_menu).each(function(){
	var id = $(this).attr('id');
	if(typeof id !=='undefined'){
		$(this).attr('id',id+'-context');	
	}
});
// Create the context menu
context_menu.jqxMenu({
	autoOpenPopup: false, 
	mode: 'popup',
	theme: 'metro'
});
// Initialize the menu
$('#pl_menu').jqxMenu({
	height: '30px',
	theme: 'metro'
});

[Benji6996Participant]

I have figured out what is happening but I do not know why. The menu’s that I am initiating within my popup are being given a ‘visibility’ of ‘visible’. Is there any reason why this could be happening?

[Benji6996Participant]

All sorted, there was a hidden piece of code in a third party plugin that was applying visibility:visible to all children of my dialog.

Thanks anyway

[Author]

Posts