<zk>
<!-- Uncomment for workaround -->
<!-- 	<script><![CDATA[
	zk.afterLoad('zul.menu', function() {
		var xMenupopup = {};
		zk.override(zul.menu.Menupopup.prototype, xMenupopup ,{
			afterOpenAnima_ : function() {
				var p = this.parent;
				while(p != null){
					var chd = p.$n('chdex');
					if(chd){
						chd.style.display = "";
					}
					p = p.parent;
				}
				var result = xMenupopup.afterOpenAnima_.apply(this, arguments);
				return result;
			}
		});//zk.override
	});//zk.afterLoad
	]]></script> -->

	<hlayout>
		<button iconSclass="z-icon-reorder" popup="mnpMenu, after_end"/>
		<menupopup id="mnpMenu">
			<menuitem label="Menu item 1"/>
			<menuseparator/>
			<menu label="Menu 2" iconSclass="z-icon-cog">
				<menupopup>
					<menuitem label="Load Settings" iconSclass="z-icon-upload"/>
					<menuitem label="Save Settings" iconSclass="z-icon-download"/>
				</menupopup>
			</menu>
			<menuitem label="Menu Item 3" iconSclass="z-icon-external-link"/>
		</menupopup>
	</hlayout>
</zk>

 	<script><![CDATA[
	zk.afterLoad('zul.menu', function() {
		var xMenupopup = {};
		zk.override(zul.menu.Menupopup.prototype, xMenupopup ,{
			afterOpenAnima_ : function() {
				var p = this.parent;
				while(p != null){
					var chd = p.$n('chdex');
					if(chd){
						chd.style.display = "";
					}
					p = p.parent;
				}
				var result = xMenupopup.afterOpenAnima_.apply(this, arguments);
				return result;
			}
		});//zk.override
	});//zk.afterLoad
	]]></script>