Issue with Font Awesome in Treeview


#1

When using font awesome in a treeview, the little black arrow left to the font awesome icon gives an error when clicking on it:
Uncaught TypeError: (c.parentNode.className || “”).match is not a function

This is the code:

This is how it looks like:
image

Now, when I click on the black arrow, left to the blue font awesome icon, to open the tree structure, I get an error:
image

When I delete the font_awsome iconset from the code, it works fine. No error at all.

Thanks for the support.


#2

It looks like the Pro version of Font Awesome is causing the issue.
If you use the standard “font_awesome/css/font-awesome.min.css”, it works fine, without any issue.

But I’m using the Pro version with a combination of the font awesome css and js.
font-awesome/css/all.css
font-awesome/js/all.js

There’s a conflict between the dhtmlx js and font awesome js, they don’t work together.


#3

When using the font awesome css only, it creates an <i> element inside the “dhxtreeview_item_icon” div.

image

But when you also use the font awesome js, it creates an <svg> element.

image

The dhtmlx js will not work with this svg element.
Can this be updated in the next release?