Skip to content

Formatting Issues | Border and Background Not Removed Properly #3112

@vtruong-kpler

Description

@vtruong-kpler

Payload 1:

<div style="text-align: left; text-indent: 0px; background-color: rgb(255, 255, 255); margin: 0px; font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 11pt; color: rgb(0, 0, 0);">Test</div><div style="background-color: rgb(255, 250, 205); margin: 16px 0px; padding: 8px 16px; border-radius: 4px; max-width: none; max-height: none; min-width: 200px; display: block;"><div style="background-color: rgb(255, 250, 205); margin: 0px 0px 1px; border-radius: unset; max-width: 600px; max-height: none; display: block;"><div style="direction: ltr; text-align: left; line-height: 18px; white-space: unset; background-color: rgb(255, 250, 205); margin: 0px; border-radius: unset; max-width: none; max-height: none; display: block; font-family: Arial, sans-serif; font-size: 14px; color: rgb(0, 0, 0);"><span style="line-height: revert; font-weight: bolder;">Test</span></div></div><div style="direction: ltr; text-align: left; line-height: 0; white-space: revert; margin: 0px; display: block; font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 0.01px; color: rgb(0, 0, 0);"><span style="line-height: revert;">&nbsp;</span></div></div><div style="margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: rgb(0, 0, 0);"><span style="line-height: revert;">Test</span></div><div style="font-family: Calibri; font-size: 11pt; color: rgb(0, 0, 0);"><br></div>

Payload 2:

<div style="text-align: left; text-indent: 0px; background-color: rgb(255, 255, 255); margin: 0px; font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 11pt; color: rgb(0, 0, 0);">Test</div><div style="background-color: rgb(255, 250, 205); margin: 16px 0px; padding: 8px 16px; border-radius: 4px; max-width: none; max-height: none; min-width: 200px; display: block;"><div style="background-color: rgb(255, 250, 205); margin: 0px 0px 1px; border-radius: unset; max-width: 600px; max-height: none; display: block;"><div style="direction: ltr; text-align: left; line-height: 18px; white-space: unset; background-color: rgb(255, 250, 205); margin: 0px; border-radius: unset; max-width: none; max-height: none; display: block; font-family: Arial, sans-serif; font-size: 14px; color: rgb(0, 0, 0);"><span style="line-height: revert; font-weight: bolder;">Test</span></div></div><div style="direction: ltr; text-align: left; line-height: 0; white-space: revert; margin: 0px; display: block; font-family: system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;; font-size: 0.01px; color: rgb(0, 0, 0);"><span style="line-height: revert;">&nbsp;</span></div></div><div style="margin: 0px; font-family: Arial, sans-serif; font-size: 10pt; color: rgb(0, 0, 0);"><span style="line-height: revert;">Test</span></div><div style="background-color: rgb(255, 255, 255); margin: 0px; padding: 3pt 0cm 0cm; border-top: 1pt solid rgb(225, 225, 225);"><div style="text-align: left; text-indent: 0px; margin: 0cm; font-family: Calibri, sans-serif; font-size: 11pt; color: rgb(0, 0, 0);"><span style="line-height: revert; font-weight: bolder;">Test</span></div></div><div style="font-family: Calibri; font-size: 11pt; color: rgb(0, 0, 0);"><br></div>

Steps to reproduce the behavior:

  1. Paste content render from HTML payload into the editor
  2. Ctrl+A to select all
  3. Press Delete

Expected behavior
All content should be removed from the editor.

Actual behavior

  • For Payload 1: The background cannot be deleted at all unless the editor is reloaded.
  • For Payload 2: Background and line breaks does not deleted after Ctrl+A -> Delete but can be manually deleted one by one after that.

Screenshots
Payload 1:

Image Image

Payload 2:
Image
Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions