Handle cursor/caret position inside content-editable div

Question

I\'m using a content-editable div in which I have to insert an element(dropdown component) on clicking of a button. Now the problem is when I insert an element the cursor sh