Completed
Last Updated: 07 Nov 2023 11:45 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)
Patrik Madliak
Created on: 24 Jun 2022 07:13
Category: Editor
Type: Bug Report
12
Additional <br> appears in empty table cells and paragraphs on Editor reinitialization

When I add table to Editor, dispose the component and initialize it again with the same content, the table cells appear taller. It looks like an additional <br class="ProseMirror-trailingBreak"> appears in every cell.

Reproduction: https://blazorrepl.telerik.com/cwaqcSuV12myl9ok47.

Steps to reproduce:

  1. Add a table
  2. Toggle the Editor
  3. Cells appear taller
9 comments
ADMIN
Nadezhda Tacheva
Posted on: 30 Dec 2022 07:29

Hi Marco,

The current status of the item is "Unplanned" which indicates that the bug is not yet fixed, so it indeed occurs in UI for Blazor 3.7.

We prioritize the bug fixes based on the community demand and we track the gathered votes to evaluate that. Having that in mind, I added your vote to increase the popularity of the bug report.

You may follow the item to get status updates - this is the easiest way to keep in track with its progress. 

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Marco
Posted on: 23 Dec 2022 09:06

still in version 3.70 the bug is present, to reproduce just write something in the editor and then press enter the place some new lines, in the code the unclosed br tags appear:

 

<p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p><p><br class=""ProseMirror-trailingBreak""></p>

ADMIN
Nadezhda Tacheva
Posted on: 17 Oct 2022 10:05

Hi Patrik,

Thank you for the provided feedback!

After further testing on my side, it looks like the issue is reproducible only if the table has at least one empty cell. The additional <br> appears in the empty cells only. If all cells have some content, reinitializing the Editor does not seem to cause a problem.

As for the additional <br> appearing in the empty paragraph after reinitiazliation - I also managed to reproduce this behavior. It looks like this is essentially caused by the same bug - when the Editor detects an empty paragraph, an additional <br> tag appears. This applies to empty paragraphs in table cells and outside of them as well.

Having the above in mind, I've updated the issue to target both scenarios. I've also increased its priority based on the gathered votes.

Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Patrik Madliak
Posted on: 10 Oct 2022 15:03

Additionally same issue is also reproducible with two sentences separated by space.

Repro steps:

1. Write into editor two sentences separated by single space.

2. Toggle the editor - > Additional <br> tag appears :

Patrik Madliak
Posted on: 10 Oct 2022 14:45

Hello,

I could still reproduce this issue on your demo although its better.

Repro steps :

1. Add table -> Space between cells is only one row.

2. Toggle the Editor -> On first toggle cells apear taller and space between cells is now two rows. Even after few more clicks cells are even bigger(3 rows...).

Best regards,

PM

ADMIN
Nadezhda Tacheva
Posted on: 05 Oct 2022 09:29

Hi all,

I can no longer reproduce the reported behavior with latest version of Telerik UI for Blazor (3.6.1). I've been testing with the reproduction sample linked in the initial post. It looks like no additional <br> tags appear in the table cells on Editor reinitialization.

Can you please test and confirm if you are still experiencing any problematic behavior in this regard using the latest Telerik UI for Blazor? If so, please provide an example and exact steps to reproduce. Otherwise, we can close the current report since this bug no longer occurs.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Fares
Posted on: 28 Sep 2022 11:47

Hello, I am having the same issue here, your editor is basically rewriting my html table, and essentially adding tables cells that contain

<td><p><br class="ProseMirror-trailingBreak"></p></td>

This completely messes up the table,

The editor isn't usable to view a body that is preformatted as HTML...

Please advise if a known work around is known ?

 

ADMIN
Nadezhda Tacheva
Posted on: 01 Aug 2022 11:17

Hi Ben,

I agree with you that it will be useful to have the HTML content formatted in the "view HTML" window. This enhancement is targeted in a separate feature request:

Format HTML in the ViewHtml Dialog Box

I see a colleague of yours already voted for it. You may as well follow it to keep in track with its status.

Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Ben
Posted on: 25 Jul 2022 20:04
Having to edit that out of the HTML every time I edit the text is a pain. It also exacerbates the need for the HTML to be better formatted in the "view HTML" window.