Bug report

When text is hihlighet in Rwad-Only Editor and the user tries to paste a text, the highlighted text dissapears.

Reproduction of the problem

1. Open the Dojo
2. Copy some text
3. Highlight part of the text in the Editor and try to paste using Ctrl + V

Current behavior

Currently, the highlighted text dissapers

Expected/desired behavior

The highlighted text should not dissapear and the content of the Editor should remain unchanged.

Workaround

kendo.ui.editor.Clipboard.fn.onpaste = function(){
        if (this.editor.body.contentEditable === "false" || this.editor.body.contentEditable === "inherit" ) {
          return;
        }
      }

Dojo

Environment

• Kendo UI version: 2022.1.412
• Browser: [all ]

Bug report

If you select a text in the Editor, the ForeColor value is not updated to match the color of the selected text.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/IHAGOfom/6
2. Select the first line
3. Select a color from the tool
4. Select the second line

Current behavior

The value of the ForeColor tool is not updated to match the second line

Expected/desired behavior

The ForeColor value should change based on the selected text

Environment

• Kendo UI version: 2022.3.913
• Browser: [all]

Bug report

When uploading a file through the Editor's FileBrowser, the file's name is not updated with the name coming generated on the server. The file's name is updated in the ImageBrowser using the same server code.

Editor configuration:

$("#editor").kendoEditor({               
                fileBrowser: {
                    schema: {
                        model: {
                            id: "name",
                            fields: {
                                name: { field: "name" },
                                type: { field: "type" },
                                size: { field: "size" }
                            }
                        }
                    },
                    transport: {
                        read: "@Url.HttpRouteUrl("ActionApi", new {controller = "MessageTemplates", action = "Read"})",
                        destroy: "",
                        create: "",
                        uploadUrl: "@Url.HttpRouteUrl("ActionApi", new {action = "UploadMp3", controller = "MessageTemplates" })",
                        fileUrl: function (name) {
                            var url = "/files/" + name + "/";
                            return url;
                        }
                    },

                    fileTypes: "*.mp3, *.pdf"
                },
                tools: ['insertImage', 'insertFile']
});

Controller:

[HttpPost]
        [ActionName("Read")]
        public object Read()
        {
            try
            {
                string path = HttpContext.Current.Request.Params["path"];

                var fullPath = System.Web.Hosting.HostingEnvironment.MapPath(@"~/Files/" + path);

                DirectoryInfo dir = new DirectoryInfo(fullPath);
                var result = dir.GetFiles("*.*").Select(f => new
                {
                    name = f.Name,
                    type = "f",
                    size = (long)0,
                }).ToList();

                return result;
            }
            catch (Exception e)
            {
                return null;
                //throw new HttpException(404, "File Not Found");
            }
        }

        [HttpPost]
        [ActionName("UploadMp3")]
        public HttpResponseMessage UploadMp3()
        {
            var file = HttpContext.Current.Request.Files[0];
            try
            {
                return Request.CreateResponse(HttpStatusCode.Created, new
                {
                    size = file.ContentLength,
                    name = Guid.NewGuid().ToString(),
                    type = "f"
                });
            }
            catch (Exception e)
            {
                return new HttpResponseMessage(HttpStatusCode.BadRequest);
            }
        }

Reproduction of the problem

1. Open the Editor's FileBrowser.
2. Upload a file.

Current behavior

The file name is not updated whereas it is being updated in the ImageBrowser.

Expected/desired behavior

The file name should be updated as in the ImageBrowser.

Environment

• Kendo UI version: 2021.1.119
• Browser: [all]
  editorimagevsfileuploadzip.zip

### Bug report

A non-breaking space is added at the beginning of each new row when typing in the Editor.  As a result, the method "getRange" returns a wrong "startOffset" index.

### Reproduction of the problem

    1. Subscribe to the "select" event of the Editor;

    2. Log the property "startOffset" of the "getRange" method in the browser console;

    3. Click on any line in the empty Editor and check the logged index. It is "1" instead of "0".

    4. Type in any text in the Editor and click at the beginning of the text - the logged index is "1" instead of "0".

A Dojo sample for reproduction: https://dojo.telerik.com/UqUNoBaM/8

### Expected/desired behavior

The non-breaking space should be removed when typing.

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

Using contenteditbale=false to disable the Editor image and table resizing still works. 

Dojo to reproduce the problem:

https://dojo.telerik.com/acIhiqiN

Actual behavior:

Steps: 

1. Disable using the button

2. Try to resize the image - it can be resized

3. Try to resize the table- it can be resized

Expected:

Images and tables not to be resized

Bug report

When an image is placed inside an <a> tag resizing the image does not work as expected

Reproduction of the problem

1. Open the Dojo example
2. Resize the image in order to decrease the size
3. Try to resize and increase the size of the image

Current behavior

The image can not be resized back to the original size (screencast). Its width can not be changed.

In case the image is set to float on the right after resizing its width becomes about 10px and is almost hidden - Dojo

Expected/desired behavior

It should be possible to resize the image by increasing/decreasing the size and keeping the width/height ratio.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all ]

Bug report

When the content pasted in the Editor contains the 'MsoNormal' class the new lines are not preserved.

Reproduction of the problem

1. Open the Dojo.
2. Copy the text that is above the Editor and paste it in the Editor.

Current behavior

The text after the 'MsoNormal' class is pasted on a single line.

Expected/desired behavior

The new lines should be preserved.

Environment

• Kendo UI version: 2021.3.1109
• Browser: [all ]

Hi,

Bullets are not removed when content is deleted.

1. Create text editor on a div
2. Input some text
3. Make it bold and underline
4. Make it bulleted
5. Add few more bullets
6. Select all bullets
7. Press backspace

Observe that two bullet points remain

Hi,

We are facing an issue as follows.

1. We type some ordered or unordered list and we move cursor one left or right.

2. We do select all and backspace to delete entire list.

Issue: First index or bullet never gets deleted does not matter how many times backspace is clicked. On inspecting dom we can see list structure is retained and does not get deleted.

Please find attached video.

Thanks

Bug report

When there are bookmarks in a Word file and the text from the Word is pasted in Editor the indention of the text and space of the alignment is changed.

Reproduction of the problem

1. Open the Dojo
2. Copy the list from the attached file and paste it in the Editor:

TestFile1.docx

Current behavior

The indention of the list is changed.

Expected/desired behavior

The pasted list should look like in the Word document

Environment

• Kendo UI version: 2020.3.1118
• jQuery version: x.y
• Browser: [all ]

Bug report

Reproduction of the problem

Dojo example.

1. Click the cell with name John
2. Open the table wizard and select the Cell tab (Select All Cells is NOT checked)
3. Chang the border color of the cell and hit OK

Current behavior

The border color of all cells is changed. If you re-open the table wizard and follow the same steps only the selected cell border color is set (expected). This behavior is not reproducible with tables added through the createTable tool.

Expected/desired behavior

The border color of the selected cell is changed.

Environment

• Kendo UI version: 2020.2.513
• jQuery version: x.y
• Browser: [all]

Bug report

When setting a special font of a given paragraph in the Editor component, if the "x" of the Font dropdown is pressed it will reset the font of this text to the default one. If we then want to change the format of a given paragraph(make it bold for example), we select the paragraph and click on the "Bold" button. The text which is being bolded is the one which font was previously reset, not the selected text which we expect to become bold.

Reproduction of the problem

1. Open this Dojo and select a random text in the Editor
2. Change the font of the selected text by choosing one from the "Fonts" dropdown
3. After changing the font keep the text selection and click on the "x" in the "Fonts" dropdown. The font of the selected paragraph will be reset to the default one.
4. Select a random text chunk in the Editor and click on the "Bold" button.
5. See that the bolded text is not the one we expect to be, but the text which font we've reset.

The reported behavior is applicable to all styles - bold, italic, underline, text alignment, ul, ol.

Current behavior

When changing the style of a given selected text, after there was a font reset in the Editor, the new formatting we set is being applied on the text which font was reset, not on the selected one.

Expected/desired behavior

No matter the operations performed in the Editor when formatting a selected text, the format changes should be applied to the selected text only.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Dojo example.

1. In the Editor's content click the line above the "Climate" word
2. Press and hold down Space key, while holding it down click the left mouse button and hold it down as well, then hover the table and move the mouse cursor over it.

For more details see Ticket ID: 1478828

Current behavior

A js exception is thrown:
kendo.all.js:78925 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3.

Expected/desired behavior

No exceptions.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [ Chrome XX ]

Bug report

The last row of a table in the Editor cannot be resized.

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/editor/table-editing.
2. Try resizing the last row.

Current behavior

The upper row will be resized instead.

Expected/desired behavior

The last row should be resized.

Environment

• Kendo UI version: 2020.2.617
• Browser: [all]

Description of the occurring behavior

the styling of links is handled inconsistently:

• When you set the cursor inside a link and then change the text-color the color is changed.
• When you select a block of text containing a link and style the entire block of text (e.g. change the color) and then you try to change the color of the link this has no effect.

The issue seems to be that in the first case a span is inserted inside the a-tag, while in the second case a span is created around the a-tag and the styling for the a-tag is then used.

Reproduction of the problem

This can be reproduced in the All Tools demo as shown in the following video.

NOTE: if only the link is selected, or the selection starts or ends with the link, then the link color is changed. The issue is reproducible only when there is selected text before and after the link.

Expected/desired behavior

The color should be applied to the link text too.

Environment

• Kendo UI version: 2025.1.227
• Browser: [All]

Bug report

In some cases, a CSP error - Applying inline style violates the following Content Security Policy directive 'style-src 'self' .... is thrown in the Editor

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/jOwrhome
2. Enter text and click on the tools. Note: the error does not appear consistently; You can follow the steps from the video below to replicate it (clicking on 'bold', 'align', 'unordered list')

Current behavior

CSP Error is thrown - Applying inline style violates the following Content Security Policy directive 'style-src 'self'

Expected/desired behavior

There should be no errors when using the Editor tools.

Environment

• Kendo UI version: 2025.4.1111
• Browser: [all ]

Bug report

Using Edge/Chrome, upon pasting underline text in the Kendo UI Editor, the content is rendered underline, but the UI doesn't highlight the button. In turn, if the user toggles the underline style for parts of the text, it doesn't work. At this point, the button is now highlighted for the part, but switching back to no underline style doesn't have any effect regarding the rendering. Removing the style for the whole line does work as expected.

Reproduction of the problem

1. Open Editor demo and enter some text, containing an underline.

2. Copy the entered text and reload page
3. Paste content at the start of the document. The text is not recognized as underline text

4. Select part of the text and toggle underline. Part of the text is recognized as underlined text now.

Expected/desired behavior

The underlined text decoration should be recognized by the UI and display.

Additional Notes

As a comparison, here is the content after paste:

Edge/Chrome

<p><span style="text-decoration-line:underline;">some text with underline</span></p>

FireFox - which is working

<p><span style="text-decoration:underline;">some text with underline</span></p>

Environment

• Kendo UI version: 2023.1.314
• jQuery version: All supported versions
• Browser: Chrome 111.0.5563.111 | Edge 111.0.1661.54

Currently, Kendo UI for jQuery components rely on innerHTML and direct DOM manipulation throughout their internal implementation. This occurs in multiple components.

Thus, when "require-trusted-types-for 'script';" is included, errors such as - `This document requires 'TrustedHTML' assignment. The action has been blocked.` and `TypeError: Failed to execute 'write' on 'Document': This document requires 'TrustedHTML'` - appears on the page.

I would like to request Trusted Types Support for Kendo UI for jQuery components.

1. use safari browser

2. Go to https://demos.telerik.com/kendo-ui/editor/index

3.  copy a long text over 25 characters

4. paste the copied text in the editor

5. notice that the scroll takes you to the bottom of the page, The same is not noticed in any other browser.

6. This is very inconvenient. 

Bug report

The label of some of the group fields in the table wizard are not properly aligned

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/IXvPpgtT
2. Click the 'create table' tool and then 'Table Wizard'

Current behavior

Currently, the labels in the Cell Padding and Cell Properties sections are not correctly aligned

Expected/desired behavior

The issue is a regression starting with 2025.3.812

Workaround

execute: function (e) {
              console.log(e.name);
              if (e.name == "tableWizardInsert" || "tableProperties") {
                setTimeout(function () {
                  debugger;
                  $(".k-form-fieldset .k-d-grid .k-form-field:eq(0)").addClass(
                    "k-col-span-full",
                  );
                });
              }

              if (e.name == "tableCellProperties") {
                setTimeout(function () {
                  $("#k-cell-properties .k-form-field:eq(0)").addClass(
                    "k-col-span-full",
                  );
                });
              }
            },

Dojo - https://dojo.telerik.com/IXvPpgtT

Environment

• Kendo UI version: 2025.3.825
• Browser: [all ]