For event fired when user editing, I realized I can manually add event listener to input element with [smart-id = editInput]. When user started editing, I can use focus and when finished editing, blur can be used.

My intention is to add icon or img to the side of smart tree, but when the label is edited, it will show full html element including the <i>icon</i>. I just want to edit the text. An example can be seen on this codepen. But of course, it will be better if this use case is officially supported.

ps: my boss won’t let me use this code because as she said – “this is cheating”. She wanted to use something that is a proper implementation of smart tree itself.