html - Insert text in input box in contenteditable div in IE -

i trying insert text in input box in contenteditable div. when click on input box, cursor not appear. can insert text after double click on input box. problem occurs in ie.

<div contenteditable="true">    <input type="text"> </div> 

https://jsfiddle.net/spgkpgdy/

thanks.

hello try hope works you

function controlselecthandler(evt) {     evt.preventdefault(); } document.body.addeventlistener('mscontrolselect', controlselecthandler);    $('#abc').on('click','input[type="text"]',function(e){     $(this).focus();   }) 

i did bit research on , came solution hope helps.

revised demo: https://jsfiddle.net/spgkpgdy/9/

refrence link: https://stackoverflow.com/a/21875990/2260060