Unplanned
Last Updated: 24 Jun 2022 07:13 by Patrik Madliak

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
Unplanned
Last Updated: 14 Jun 2022 08:53 by Miroslav
If a TelerikEditor and TextArea are hosted in a Form and both are bound to the same value, changing the value of the TextArea will not update the value of the Editor. Changing the value of the editor will change the value of the textarea. 
Completed
Last Updated: 29 Apr 2022 14:22 by ADMIN
Release 3.3.0

When you paste a table in the Editor or insert one through the InsertHTML tool, most of the Editor Table tools don't work on the pasted table. Only Delete Table tool can be used. The rest of the Table tools do not seem to invoke any action with the table.

If you create table using the Create Table tool this behavior is not present, you can accordingly apply the built-in Table tools.

Completed
Last Updated: 29 Apr 2022 12:42 by ADMIN
Release 3.3.0

Steps to reproduce:

https://demos.telerik.com/blazor-ui/editor/overview

1. Clean content
2. Insert sentence
3. Center it and press Enter
4. Type new sentence and select whole content (Ctrl + A)
5. Align not possible, because is selected

Expected: All paragraphs in the editors receive center alignment

Actual: Align is possible

Completed
Last Updated: 29 Apr 2022 09:19 by ADMIN
Release 3.3.0
Created by: Emran
Comments: 0
Category: Editor
Type: Bug Report
2

If I click accidentally click on one of the alignment options, I cannot then unselect it.

===========

ADMIN EDIT

Video of the current behavior attached.

===========

 

Declined
Last Updated: 26 Apr 2022 04:55 by ADMIN

Hi,

We are using the Blazor Editor for a feature in one of our web apps, and created a custom tool for the editor that allows the user to modify the raw HTML.

If an IFrame is added to the HTML with an empty or missing "src" attribute like so:

<iframe src=""></iframe>

OR

<iframe></iframe>

The editor will throw a JS Interop exception:

No value supplied for attribute src
      OP@https://[redacted]/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:830821
      PP.prototype.computeAttrs

Would you guys consider this a bug with the editor? Since they are technically valid elements, mganss' HtmlSanitizer does not remove sourceless IFrames and unfortunately there does not seem to be a way to make it do so.

Thanks in advance for the assistance!

Completed
Last Updated: 20 Apr 2022 18:41 by ADMIN
Release 3.3.0
Created by: Eli
Comments: 1
Category: Editor
Type: Bug Report
5

When you paste a table in the Editor or insert one through the InsertHTML tool, the Editor adds two  <tbody> tags making this invalid HTML.

If you include a table in the initially rendered content (not pasting it afterwards), two <tbody> tags appear as well.

If you create table using the Create Table tool this behavior is not present, only one <tbody> tag is added as expected.

Completed
Last Updated: 22 Mar 2022 09:33 by ADMIN
Created by: John Campion
Comments: 2
Category: Editor
Type: Bug Report
2


Please review your demo at https://demos.telerik.com/blazor-ui/editor/overview in Safari on MacOS and you'll see that the HTML Editor's height is not showing correctly.

 

Unplanned
Last Updated: 18 Feb 2022 14:34 by Denver
Created by: Denver
Comments: 0
Category: Editor
Type: Bug Report
1

If a user creates an unordered list and then decides to switch to an ordered list, they can do it simply by clicking on the "Insert Ordered List" button and vice versa.

However, if the list another list nested within it, the action either does not work or exhibits weird behavior. Please have a look at the attached example project containing the editor and a sample nested list string.

1. Placing your cursor within the outer ordered list highlights the "Insert Ordered List" button. Clicking on the "Insert Unordered List" button will either fail, create a weird intermediate level only for the item currently containing the cursor, or only change the item currently under the cursor.

2. Attempting to highlight the entire list will also highlight both the Insert List buttons. Clicking on Insert Ordered List will flatten the whole thing into paragraphs. Clicking on Insert Unordered List will mess up the list.

I expect the editor should more or less work similarly to the form in which I'm typing this message.

Duplicated
Last Updated: 17 Feb 2022 10:10 by ADMIN
Created by: Eli
Comments: 1
Category: Editor
Type: Bug Report
0

Previously if content in HTML view of Editor exceeded height a scroll bar would appear like below (v2.29).

Now there is no scroll bar and you have to press the down arrow to get further in the content (v.3.0.1) .

to fix this locally I added CSS overflow: auto to .k-textarea

Duplicated
Last Updated: 03 Feb 2022 09:24 by ADMIN
Created by: Stefan
Comments: 0
Category: Editor
Type: Bug Report
1

Hi!

When using the Telerik Editor for Blazor, especially the insert HTML function, something seems a little odd.

I reproduced the same behaviour of my application in your demos on your website.

It seems like it is currently not possible to insert a HTML with multiple Lines in it, it only inserts the first line within the given value.

For better understanding, I've attached a video which displays the behaviour.

The HTML i've used:

<p>Test</p><p><br /></p><p>with</p><p><br /></p><p>Line</p><p><br /></p><p>breaks</p><p><br /></p><p><br /></p><p>1</p><p><br /></p><p>2</p><p><br /></p><p>3</p><p><br /></p>

Especially when you are working with HTML-Templates, it is necessary to be able to insert a rich HTML Template with multiple lines, tables, etc..

Thank you for your help in advance!

Best regards,

Stefan

 

Completed
Last Updated: 23 Dec 2021 06:34 by ADMIN
Release 3.0.0
Add a TelerikEditor to your page with a Link as one of the tools. Open the link dialog and inspect the element for the "Title:" label. It has the call "k-form-field" instead of "k-form-label". This is causing alignment issues with the web address field, and is possible to fix in client code, but requires overriding a lot of built-in styles and would be a much easier fix in Telerik directly
Unplanned
Last Updated: 07 Dec 2021 16:22 by ADMIN
Created by: Patrik Madliak
Comments: 1
Category: Editor
Type: Bug Report
1

When the Editor is disabled, the user can still focus it by tabbing and edit the content. The issue occurs in both Div and Iframe EditMode.

Click on the textbox and press TAB:

<input type="text" tabindex="0" />

<TelerikEditor Enabled="false"
			  EditMode="@EditorEditMode.Div"
			  Height="200px" />

Planned
Last Updated: 03 Aug 2021 13:41 by ADMIN
Created by: HyunSoo
Comments: 0
Category: Editor
Type: Bug Report
2
The editor renders wrong symbols when the input is in Korean.
Unplanned
Last Updated: 28 Jul 2021 11:38 by ADMIN
Created by: Nadezhda
Comments: 0
Category: Editor
Type: Bug Report
3

When you create or paste a table, you cannot move the cursor outside of it if there is no other content in the Editor.

----------ADMIN EDIT----------

Here is a possible workaround when using InsertTable() tool:

@using Telerik.Blazor.Components.Editor

<TelerikButton OnClick="@InsertTable">Insert Table</TelerikButton>

<TelerikEditor @ref="@TheEditor" Value="@TheContent" ValueChanged="@ValueChangedHandler"></TelerikEditor>

@code {
    TelerikEditor TheEditor { get; set; }

    string TheContent { get; set; } = "<p>Lorem ipsum.</p><p>Dolor sit amet.</p>";

    void ValueChangedHandler(string value)
    {
        var checkEnd = value.EndsWith("</table>");

        TheContent = checkEnd == true ? value + "<p></p>" : value;
    }

    async Task InsertTable()
    {
        await TheEditor.ExecuteAsync(new TableCommandArgs(4, 4));
    }
}

Steps:

  • Use the Editor's ValueChanged event.
  • See if the value ends with a closing </table> tag.
  • Append an empty paragraph to the Editor value - "<p></p>".
Unplanned
Last Updated: 07 Jun 2021 09:43 by ADMIN
Created by: Peter
Comments: 0
Category: Editor
Type: Bug Report
2

I am using the InsertHTML command to insert some HTML content. However, it looks like it inserts only the first element from the value I am providing.

 

==========

ADMIN EDIT

==========

Workaround:  you can wrap the HTML content you want to insert in a container, so the InsertHTML command reads it as one element. The following sample demonstrates how to achieve that.

 

@using Telerik.Blazor.Components.Editor

<TelerikButton OnClick="@( () => WindowIsVisible = !WindowIsVisible )">Insert Html</TelerikButton>

<TelerikEditor @ref="@TheEditor" @bind-Value="@TheContent"></TelerikEditor>

<TelerikWindow @bind-Visible="@WindowIsVisible">
    <WindowTitle>
        <strong>Insert Html</strong>
    </WindowTitle>
    <WindowContent>
        <TelerikTextArea @bind-Value="@HtmlToInsert"></TelerikTextArea>
        <TelerikButton OnClick="@InsertHtml">Insert</TelerikButton>
    </WindowContent>
</TelerikWindow>

@code{

    public string HtmlToInsert { get; set; }

    bool WindowIsVisible { get; set; }

    TelerikEditor TheEditor { get; set; }

    string TheContent { get; set; } = "<p>Lorem ipsum.</p><p>Dolor sit amet.</p>";

    async Task InsertHtml()
    {
        await TheEditor.ExecuteAsync(new HtmlCommandArgs("insertHtml", $"<div>{HtmlToInsert}</div>"));

        WindowIsVisible = !WindowIsVisible;

        HtmlToInsert = "";
    }
}

 

Completed
Last Updated: 25 May 2021 15:10 by ADMIN
Release 2.25.0

Try running an editor with content like this:

 

<p>Para 1</p><p><br></p><p>Para 2</p><p><br></p><p>Para 3</p>

 

Now, open the ViewHtml button from the full toolset and Update the content without modifying anything.

The result is that there are more <br> tags in the the empty paragraphs than what we started with, and they are added every time you repeat this process.

*** Thread created by admin on customer behalf ***

Completed
Last Updated: 25 May 2021 06:16 by ADMIN
Release 2.25.0

Clicking the image, and selecting the image button brings up a popup. The "Update" button is not appearing properly (does not occur on other editor popups):

*** Thread created by admin on customer behalf ***

Unplanned
Last Updated: 12 May 2021 18:26 by ADMIN

---

ADMIN EDIT

A workaround is to initialize the RemoveAttributes list:

<TelerikEditor @bind-Value="@EditorContent">
    <EditorSettings>
        <EditorPasteSettings 
                             RemoveAttributes="@( new List<string>() )"
                            >
        </EditorPasteSettings>
    </EditorSettings>
</TelerikEditor>

@EditorContent

@code{
    string EditorContent { get; set; }
}

---

Unplanned
Last Updated: 11 May 2021 09:05 by ADMIN
When I use the Chrome Lighthouse (based on the axe accessibility testing tool) to assess the accessibility of the TelerikEditor I am getting several issues. As an attached file, I have added a screenshot of the generated report. 
1 2