Text entered in ContentEditable div via Voice recognition function, after first line instruction "new paragraph", cursor blinks and spoken text is not displayed.

Text entered in ContentEditable div via Voice recognition function, after first line instruction "new paragraph", cursor blinks and spoken text is not displayed.

While using a ContentEditable div to enter text via voice recognition function, after first line instruction "new paragraph" or "new line", cursor blinks, spoken text is not displayed. After clicking on input field of dictation function only, text appears.

Reproducing steps:

  • -Create a contentEditable div.
  • -Now turn on the voice recognition.
  • -Prononuce a word.
  • -Then pronounce "new line" or "new paragraph"
  • -Now pronounce again an another word.
  • -It will not write the texts that we pronounced until we focus on the editor.

Expected result: Text should appear as soon as we dictate after using new line.

Code to replicate issue:

<div contenteditable="true"><p>This is a paragraph</p></div>

Video illustration:

https://www.syncfusion.com/downloads/support/directtrac/general/ze/Ipad_Issue-617567068

Text entered in ContentEditable div via Voice recognition function, after first line instruction "new paragraph", cursor blinks and spoken text is not displayed.
 
 
Q