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 ]

Bug report

When an image from docx file is pasted in the Editor an error is thrown.

Reproduction of the problem

1. Open the Dojo
2. Open the file test_word_images.docx
3. Copy the first image and paste it in the Editor

Current behavior

An error is thrown : "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'"
screencast

Expected/desired behavior

There should be no errors in the console.

Environment

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

Bug report

The ColorPickers in the Editor allow the user to change the text color or the background color of a selection in the component. When the Editor is working in Inline mode, if you select a text and manually enter a value in the HEX input of a ColorPicker, the pre-selected text is no longer selected. No text is colored inside the Editor.

Reproduction of the problem

1. Open this Dojo and run it
2. Select a text in the inline Editor
3. Open one of the ColorPickers and enter a value in the HEX input
4. Apply the HEX value

Current behavior

The ColorPicker closes. The selected text in the Editor before opening the ColorPicker is no longer selected. No text in the Editor is in the color entered in the HEX editor.

Expected/desired behavior

Clicking on the Apply button of the ColorPicker, after a HEX value is entered, should close the ColorPicker and color the pre-selected text. This correct behavior can be observed in the second Editor in the linked above Dojo example.

Environment

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

Bug Report

When the content of the Kendo UI Editor contains the head, the code within it is displaying with the use of the viewHtml.

Reproducible

1. Go to this Progress Kendo UI Dojo
2. Select the viewHtml tool.

Current Behavior

The content within the head will be displayed.

Workaround

Manually remove the tags from the IFrame (Dojo).

            var iframe = $('.k-iframe') // Identify the iframe by its class
            var iframeContent = iframe.contents() // Access the content of the iframe
            var metaElement = iframeContent.find('meta') // Traverse down the DOM tree to reach the <meta> element
    
            metaElement.remove()// Remove all the <meta> elements

Environment

• Kendo UI version: 2025.3.812
• jQuery version: All Supported Versions
• Browser: all

For example when we type @ it should autocomplete a certain list of data in the editor

Currently, when Chrome Translate is activated and the user presses 'Enter' key in the Editor, the text is translated.

Also, when Translate is enabled and the user types fast, some characters disappear, as Chrome rewrites the inner text of elements. I know that this can be controlled by adding a translate attribute.

However, I would like to have the option to control this by the built-in Editor configuration options (for example, translate: false).

Bug report
Custom ContextMenu tool in Editor does not trigger close in built-in ColorPicker tools (probably others as well) after 2025.1.211

Reproduction of the problem
1. Open the Dojo - https://dojo.telerik.com/vkqfrNLN

2. Click on Background color ColorPicker

3. Click on custom ContextMenu

Both popups overlap

Expected/desired behavior

Wokraround

Manually close popups of pickers

// Get the editor instance
          var editor = $("#editor").data("kendoEditor");

          // Close other dropdowns when clicking your custom tool
          $("#" + controlID).on("click", function () {
            var foreColor = editor.toolbar.element.find("input[data-command='foreColor']").data("kendoColorPicker");
            var backColor = editor.toolbar.element.find("input[data-command='backColor']").data("kendoColorPicker");

            foreColor.close();
            backColor.close();
          });

Environment
Kendo UI version: 2025.1.211 or newer
Browser: [all]