Bug report

In an Editor with custom fontName items configured, the selection in the tool is not preserved when specific items are selected.

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/oGavoViC/28
2. Select the text and choose "Andale Mono"
3. Open the fontName dropdown.

Current behavior

The "Andane Mono" does not appear as selected in the list

Expected/desired behavior

The "Andane Mono" should be selected in the list

Environment

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

I've configured a Kendo-UI editor so that it supports two tools ("foreColor" and "formatting") (see this DOJO). When the input area is focused, the toolbar can be reached by pressing SHIFT+TAB.

Expected behavior according to the docs: The last-used toolbar item is focused (default: the first item). By pressing SPACE or ENTER, the tool can be activated and used.

Actual behavior (only if the "formatting" tool is present): The "formatting" tool is focused and already activated. Arrow buttons swicth between the different formatting styles instead of selecting the next/previous toolbar item.

Note: When using F10 to focus the toolbar, everything works as expected as long as you don't use TAB afterwards to move the focus back to the input area. The issue seems to be that some container of the formatting tool has its "tabindex" is initially set to "0".

Bug report

When the serialization.semantic is set to false and the user uses the viewHtml tool and press 'Update' then after chaning the font-size, the style attribute is added to the element instead of the font attribute.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/iVICefOb
2. Add some text and change its font. If you inspect the content at this stage, the font size will be applied using the font attribute: <font size="4">хххх</font>
3. Press 'Update' button in the viewHtml dialog.
4. Press 'Enter' to add paragraph.
5. Change the font size and enter some text.
6. Inspect the content or open the ViewHtml.

Current behavior

The font-size after pressing the 'Update' button is applied using the style attribute

    <p>aaaaaa</p>
    <p><font size="1">bbbbbbb</font></p>
    <p><font style="font-size: small;">ccccccc</font></p>

screencast - https://screenpal.com/watch/cZVvQtVJ8oz

Expected/desired behavior

When the semantic mode is set to false and the 'Update' button in the viewHtml tool is clicked the font size should be applied as initially - using the font attribute.

Environment

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

Bug report

The resize handlers in Editor are visible after an image has been deleted

Reproduction of the problem

1. Open the Demo - https://demos.telerik.com/kendo-ui/editor/index
2. Select the image and delete it using 'Delete' button
3. Press Ctrl+Z and then delete the image again

Current behavior

The image disappears, but the resize handlers remain visible

Expected/desired behavior

The resize handlers should be hidden when an image is deleted.

Workaround

<script>
var editor = $('#editor').kendoEditor().data('kendoEditor');

$(editor.body).keydown(function(e){
     if(e.key === "Delete"){    
          $(editor.body).find('.k-element-resize-handle-wrapper').hide()
     }
})
</script>

Dojo

Environment

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

Hi Team,

I'd like to request an easy way with the API to insert/remove MergeFields into a document using the Kendo UI Editor.  

Thank you!

Bug report

The Editor table wizard does not apply styling to all cells

Reproduction of the problem

1. Open this demo
2. Select February Actual cell
3. Open table wizard
4. Select the Cell tab
5. Create a border - for example, 6px double red border, click OK

Current behavior

The specified border is not applied. Selecting the February header instead and repeating the steps above applies the border styling

Expected/desired behavior

The styling applied through the wizard should be applied to the table cell

Environment

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

Hi, steps to reproduce problem:

1. Crete editor with content:

<p>hello&nbsp;
<strong contenteditable="false">OMG</strong>
&nbsp;world</p><p>&#65279;</p>

2. Put cursor at the end

3. Hit backspace

Strong tag disappears but it shouldn't.

Attached html file with the case.

Bug report

Reproduction of the problem

Reproducible in demos in Chrome.

1. Click on the "Print" tool in the toolbar.

Current behavior

The Editor's content is focused and the caret is printed.

Expected/desired behavior

The caret is not printed.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [Chrome 86]

Bug report

When you resize an image in the Editor, the image occasionally flickers. Also, if you decrease the size of the image, you cannot smoothly increase it back

Reproduction of the problem

Flickering issue:

1. Open this Dojo example - https://dojo.telerik.com/EMeTaBOw/5
2. Grab the top right resize handle
3. Decrease the size of the image several times

Increase width issue

1. Open this Dojo example - https://dojo.telerik.com/EMeTaBOw/5
2. Grab the top right resize handle
3. Decrease the size of the image and let go of the resize handler
4. Grab the top right handler again and try to increase its width.

Current behavior

The image flickers upon resizing, and you cannot increase its width

Expected/desired behavior

The image shouldn't be flickering, and you should be able to smoothly increase its width

Environment

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

Bug report

Immutable content is incorrectly removed when you delete line in the Editor textarea.

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/editor/immutable-elements
2. Place your mouse cursor after Dear Your Name,
3. Hit Enter
4. Hit Backspace

Current behavior

The immutable "Dear" part of the text is removed instead of the empty line

Expected/desired behavior

The immutable content should not be removed

Environment

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

Bug report

The <source> tag in the Editor gets closed incorrectly. It's a void element, so it should either close itself or not have a closing tag at all. To quote MDN:

The element is a void element, which means that it not only has no content but also has no closing tag. That is, you never use "</source>" in your HTML.

--- <source>: The Media or Image Source element

Reproduction of the problem

Follow these steps:

• Create an editor with "viewHtml" enabled in the toolbar, e.g.:

$("#editor").kendoEditor({ tools: ["viewHtml"] });

• Click the </> button to open the "view HTML" modal;
• Update the HTML with this snippet:

<picture>
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp" />
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png" />
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg" />
    <img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>

• Click the "Update" button in the HTML modal;
• Now click the </> button again to view the HTML, and you'll notice that all <source> tags now have a </source> closing tag added.

Current behavior

All the <source> get closing tags (</source>), which makes the HTML invalid as it's a void element. Above snippet would get turned into this (indented for readability):

<picture>
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp"></source>
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png"></source>
    <source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg"></source>
    <img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>

Expected/desired behavior

The <source> should not get a closing tag, but should either close themselves, or not be closed at all.

Environment

• Kendo UI version: 2023.2.829
• jQuery version: 3.4.1
• Browser: [all]

Bug report

When using an Editor in Inline mode and dragging an image a JavaScript error is thrown: Uncaught TypeError: Cannot read properties of null (reading 'nodeType')

Reproduction of the problem

1. Open the Inline Editor Demo
2. Drag and drop an image on an Editor

Current behavior

A JavaScript error is thrown: "Uncaught TypeError: Cannot read properties of null (reading 'nodeType')"
screencast

Expected/desired behavior

An error should not be thrown

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos.

1. Shrink the browser window so that some of the Editor tools go under the overflow button.
2. Click the overflow button and then click a tool in the dropdown that opens a dialog ("Insert Image" or "Insert hyperlink").

Current behavior

A new dialog opens, but the overflow dropdown does not close and remains visible below the newly opened dialog.

In the inline Editor the overflow dropdown is shown above the newly opened dialog.

Expected/desired behavior

The overflow dropdown closes.

Environment

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

Bug report

When an existing table is wrapped in a <div> and there is a </br> tag in the content, then when a table is inserted through the insertTable tool, the rows from the previous table dissapear.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/ICAvOQOj
2. Copy the following content:

<div>
  <table name="content" >
    <tbody>
      <tr>
        <td><strong>Indhold</strong><span>IndholdStart</span></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </tbody>
  </table>
  <span >First </span> 
  </br>
  </br>
  </br>  
  <span >Second</span>
</div>

3. Click on the 'View HTML' tool in the Editor and paste the content from step 2. Click on the 'Update' button in the ViewHtml popup
4. In the Editor click between the First and Second
5. Insert a table through the insertTable tool

Current behavior

The rows from the initial table dissapear.
Note. The issue can be reproduced when both - the dic and the br tag from the example above are present.
screencast - https://somup.com/c0X3lEgyi3

Expected/desired behavior

The extisting tables should not be changed when a new table is inserted

Environment

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

Hi Team,

We would like to request a way to customize the numbering to allow for different formats in lists/sub-lists, such as lowercase letters (a, b, c, ...), Roman numerals (i, ii, iii, ...), and decimal numbering (1.1, 1.2, 1.3, ...). 

Thank you!

Bug report

Ordered List breaks when you paste a table

Reproduction of the problem

Open the Demo - https://dojo.telerik.com/AtuKOTEK

Copy an Excel table and paste it inside the list items

Expected/desired behavior

Environment
Kendo UI version: [all]
Browser: [all ]

Bug report

When a link is added to the Inline Editor content and the user clicks outside the Editor, the toolbar does not always hide.

Reproduction of the problem

1. Open the Demo - https://demos.telerik.com/kendo-ui/editor/inline-editing
2. Add a link
3. Click outside the Editor

Note: the issue does not always appear, so you may need to test multiple times.

Current behavior

The Toolbar does not hide. - screencast - https://screenpal.com/watch/c06q2DVE2Zi

Expected/desired behavior

The toolbar should hide once the user clicks outside the Editor.

Environment

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

Bug report

SVG icon in the editor for the PDF export missing in 2023.2.606

This is a regression with 2023.2.606

Reproduction of the problem
https://demos.telerik.com/kendo-ui/editor/pdf-export

Expected/desired behavior
Pdf export icon shall render

Environment
Kendo UI version: 2023.2.606
Browser: [all ]