1. Feedback
  2. Vue
  3. 64922

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Backspace Behavior in Vue RichTextEditor Removes Enclosing div Tags in Chrome and Edge (Not Firefox)

Description: In the Vue RichTextEditor component, when presses the backspace key at the beginning of a paragraph inside nested <div> tags, the enclosing <div> tags are unexpectedly removed in Chrome and Edge browsers (but not Firefox). The issue occurs when the cursor is positioned at the beginning of a <p> tag and the backspace key is pressed, causing the <div> wrapper to disappear, resulting in incorrect HTML structure.

 

 

Sample: https://ej2.syncfusion.com/vue/demos/#/tailwind3/rich-text-editor/online-html-editor.html



Replication steps:
  1.  Run the sample
  2.  Paste the following HTML into the HTML source panel on the right:  <div><div><p>line 1</p><p>line 2</p></div></div>
  3. Position the cursor at the beginning of the second paragraph (line 2).
  4.  Press the backspace key.
  5. Observe the behavior in the HTML source panel.


Actual Behavior:
In Chrome and Edge, pressing backspace at the beginning of a paragraph removes the enclosing <div> tags, resulting in merged content inside a <p> tag with a <span>.The <div> wrapper disappears, causing the HTML structure to be incorrect.

Expected Behavior:
In Chrome and Edge, pressing backspace should remove the paragraph and merge it with the previous one while preserving the enclosing <div> tags.
The HTML structure should remain intact with the <div> wrappers.