ol-kit | open source React/Openlayers geospatial component toolkit | Map library

You're looping over the .ecommMenuItems element which is the level above the grouping for each menu. You instead need to loop over the .ecommMenuItem instead:

The problem is that your data is not XML due to consisting of illegal characters, therefore any conformant XML parser will properly reject it.

Fix the problem upstream: Rather than embedding binary data directly, first encoded as Base64.

See also

• XML Schema. Base64binary type vs String type
• How to encode text to base64 in python

I cannot fix the problem upstream...

Then you're in the unfortunate position of having received data that is not XML. See the following for your options: How to parse invalid (bad / not well-formed) XML?

...since the binary content is part of the VTU specification.

Any specification that includes unconstrained binary data in XML is broken as designed. Your options include those of parsing bad XML (see above link), using only the culprit's provided libraries/toolkits, or writing your own library/toolkit – not great options, but such are the consequences of vendors not following the XML specification.

Your code is incorrect. The Windows.Networking.Vpn namespace is for UWP applications, and in your code you attempt to use the System.Console.WriteLine() function, which is invalid in this context. Even though the only error csc.exe is throwing is the file not being found, that is not your problem. try making a new UWP application in visual studio and compile it within visual studio as that makes it a whole lot easier.

You problem is in your selectors. You are being too specific. The selector for your click #block-menu-menu-demo > ul > li > a only works for an anchor at the first level of your menu structure. The deeper nested anchors never even trigger this.

You also had some weirdness when attempting to "close" an open menu. Again this selector #block-menu-menu-demo ul ul:visible is too specific. I reworked that part to use siblings().