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

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

The options in the Format Tool dropdown are displayed differently in Safari.

Regression introduced with 2023.1.314

Reproduction of the problem

1. Open this Dojo example on Mac in Safari - https://dojo.telerik.com/OmEpaJOF/5
2. Open the Format tool.

Current behavior

The options in the Tool are displayed with different styles compared to Chrome

Expected/desired behavior

The options should be displayed as in Chrome.

Environment

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

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

If the ColorPicker tools in the Editor are configured to render a gradient, you cannot type in the HEX/RGB inputs.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/AWEmUSOS/7
2. Open one of the Color tools.
3. Try to type in the inputs.

Current behavior

The inputs are not selectable and you cannot type in them.

Expected/desired behavior

The inputs should be selectable so that you can type in them.

Environment

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

When the Kendo Editor is utilized within a Bootstrap modal popup and the tools configuration includes tools such as fontName, fontSize, fontColor, backColor, formatting that are not moved to the overflow popup, the toolbar is wider and does not display the overflow button. 

- https://dojo.telerik.com/OhiJaSOV/3

I would like to be able to display all tools when the toolbar of the Editor is set to resizable.

Bug report

In an Editor that has a visible scrollbar, the selection event fires if you click on the scrollbar.

Reproduction of the problem

1. Open the Editor events demo - https://demos.telerik.com/kendo-ui/editor/events
2. Type some content until the scrollbar appears
3. Click on the scrollbar

Current behavior

The selection event triggers when you click the scrollbar

Expected/desired behavior

The selection event shouldn't trigger when you click the scrollbar

Environment

• Kendo UI version: 2023.2.718
• 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 ]

Bug report

When content is pasted in the Editor, even if the keepNewLines option is enabled three </br> tasg are added for a single line.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/eqIcekaq
2. Open the attached .txt file and paste its content in the Editor.

EditorPasteBrFile.txt

Current behavior

There are 3 <br/> tags for each new line

Expected/desired behavior

There should be a single <br/> tag for each line.

Environment

• Kendo UI version: 2023.1.425
• 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

Bug report

Editor inserts two <br /> with enter press when insertLineBreak is changed to br

Reproduction of the problem

Open Dojo: https://dojo.telerik.com/EtUZIVUX

Place the cursor at the end of a line and press ENTER

Expected/desired behavior
Only one <br /> shall be added

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

We are seeing an issue with duplicate images being inserted in the editor on the key combinations below.

This issue can be recreated on the Kendo editor demo website.

1. Add an image to the editor.
2. Place cursor in front of image and press Enter.
3. Press arrow-up key to move cursor to empty line above image.
4. Press delete key to remove empty line.
5. Press Enter key to create a duplicate image.

The Kendo UI Editor widget comes with a tool formatting tool that can be activated using the tools option. It renders a dropDown with different entries representing the supported formatting styles. As you can see in this DOJO, the entries are overly large. This comes from a syntax error in the inline style applied to the span inside the .k-list-item-text DOM element (display: inline-block#; instead of display: inline-block;) This causes the browser to ignore this line and leads to broken styling. Fixing the syntax error in the browser console fixes the styling issue.

Bug report

When the content is scrolled and the user tries to click in the Editor, the cursor is not always set on the correct position

Reproduction of the problem

1. Open the Dojo
2. Scroll and try to click on different places in the Editor content.

Current behavior

Sometimes the cursor is not set in the expected position. screencast - https://somup.com/c0VvQMxw1m

Expected/desired behavior

The cursor should be set on the correct place when clicking

The issue is a regression and can be replicated starting with the 2022 R1 SP1 (2022.1.301)

Environment

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

Bug report

Content pasted from Outlook/Word might lead to throwing a 'Cannot read properties of null (reading 'nodeType')' error when pasted in Editor.

Reproduction of the problem

1. Open the Dojo examples:

• https://dojo.telerik.com/@NeliKondova/uXEyIpeW
• https://dojo.telerik.com/@NeliKondova/uXaqAWAN

2. Copy and paste the content above the Editor in the Editor

Current behavior

An error: Cannot read properties of null (reading 'nodeType') is thrown in the console

Expected/desired behavior

No error should be thrown when pasting content into the Editor

Note: The purpose of the issue is to avoid errors in the console not styling the content as list.

Workaround:

`paste: function(e){
e.html = e.html.replace(/MsoNormal/g, "");
e.html = e.html.replace(/mso/g, "");
}

• https://dojo.telerik.com/@NeliKondova/uCudaJoJ

Environment

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

Bug report

If the Editor ColorPickers are defined as gradient instead of palette, it does not render buttons and input.

Regression introduced with 2021.1.224

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/eSuFUVIK/5
2. Open one of the ColorPickers

Current behavior

No input and buttons are rendered.

Expected/desired behavior

There should be input and buttons.

Environment

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

Hello,

when I paste text from notepad editor, it is pasted with default font-size even if I currently have cursor on text with bigger font size. Can the editor apply current formatting on pasted text? it is replicable in editor demo. https://demos.telerik.com/kendo-ui/editor/index

thanks,

Marel

Hi Team,

I would like to request a ruler for the Kendo UI Editor where it could be used to align any text.  

Thank you!