Attach html element before calling on create li (#846)

* Attach html element before calling onCreateLi

* Build

src/elementsRenderer.ts

@@ -95,8 +95,6 @@ export default class ElementsRenderer {
             const li = this.createLi(child, level);
             ul.appendChild(li);
 
-            this.attachNodeData(child, li);
-
             if (child.hasChildren()) {
                 this.createDomElements(li, child.children, false, level + 1);
             }
@@ -156,6 +154,10 @@ export default class ElementsRenderer {
         return li;
     }
 
+    /* Create the <li> element
+     * Attach it to node.element.
+     * Call onCreateLi
+     */
     private createLi(node: Node, level: number): HTMLLIElement {
         const isSelected = Boolean(this.isNodeSelected(node));
 
@@ -166,6 +168,8 @@ export default class ElementsRenderer {
             ? this.createFolderLi(node, level, isSelected)
             : this.createNodeLi(node, level, isSelected);
 
+        this.attachNodeData(node, li);
+
         if (this.onCreateLi) {
             this.onCreateLi(node, jQuery(li), isSelected);
         }
@@ -339,7 +343,6 @@ export default class ElementsRenderer {
 
         // create element
         const li = this.createLi(node, node.getLevel());
-        this.attachNodeData(node, li);
 
         // add element to dom
         $previousLi.after(li);