dhtmlxMenu and chrome

I have a problem with menu. This is my xml:

<?xml version="1.0" encoding="UTF-8"?>
<menu>
    <item id="id1" text="id1">
        <item id="id2" text="id2"/>
        <item id="id3" text="id3">
            <item id="id4" text="id4"/>
        </item>
        <item id="id5" text="id5"/>
        <item id="sep" type="separator"/>
        <item id="logout" text="Logout"/>
    </item>
</menu>

And this is js:

function init() {
    menu = new dhtmlXMenuObject("menu", "dhx_blue");
    menu.loadXML("data/user/menu-main.xml");
    menu.setIconsPath("/dhtmlxSuite/dhtmlxMenu/samples/common/imgs/");
    menu.attachEvent("onClick", function(id) {
        alert(id);
    });
}

on chrome i have error:
“Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7”
if i remove item id4 its working.

We’ve tested the provded xml. Locally the probem doesn’t occur in Chrome.

I’ve attached the latest development version of the menu
dhtmlxmenu.zip (16.8 KB)

i noticed strange thing, if i use JSF framework, error occurs. without JSF framework(JSP + Servlets), same JS code works :slight_smile: