Bug report

If you have several Inline Editors and a Slider, switching focus from Slider and typing in the Editors result in an error in the console.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EhiKaJAw/2
2. Change the Slider value
3. Go to the Editor right below the slider and type some text - it appears that the focus is stolen here as the text cursor is not shown
4. Go to the second Editor and type some text
5. Repeat steps 2-4 several times

Current behavior

An error is thrown in the console

Expected/desired behavior

No error should be thrown on the console

Environment

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

Bug report

Reproducible with inline and classic Editor.

Reproduction of the problem

Dojo example.

1. Type in some text in the Editor.
2. Press Ctrl + A keys.
3. Press Backspace key.
4. Press Ctrl + Z keys.

Current behavior

Undo does not work the first time Ctrl + Z keys are pressed. It works, if you press them a second time.
If the keydown event handler is not attached, it works as expected.

Expected/desired behavior

Undo works on the first press of Ctrl + Z keys.

Environment

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

Bug report

Editor's Toolbar sets default values when adding a text ( double Enter click ) between Ordered / Unordered list items.

Reproduction of the problem

1. Open the Dojo https://dojo.telerik.com/erayiJaV/2
2. Change the fontName and fontSize.
3. Insert an ordered / Un ordered list.
4. Add items to the list.
5. In one of the items (excluding the last one), press Enter twice to create a new line.
6. Type some text on the new line.

Current behavior

The fontName and fontSize are set to the default values ( inherit ).

Expected/desired behavior

The fontName and fontSize remain with the values we set.

Environment

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

Inline Editor does not close if you drag it to another position. Additionally, while dragging, occasionally the Editor will disappear, or it will have a padding from the cursor.

Regression introduced with 2023.2.606

Video - http://somup.com/cZeOQ5CYa8

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/OvumAcaH/7
2. Open and drag the inline Editors to observe the behaviour.

Current behavior

The inline Editor remains open when it loses focus

Expected/desired behavior

Thе inline Editor should close when it loses focus

Environment

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

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 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 ]

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

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

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 ]

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.

Hello,

I have identified an issue within your editor within Kendo UI for jQuery.

When you open the editor on an iPhone, Safari will display some dropdowns in the editor's toolbar twice. You will see the Kendo dropdown, and to the right Safari displays the original <select>. It seems to be impossible to hide the <select> by CSS.

You can reproduce this issue at your own demo website, when you use Safari on an iPhone device:
https://demos.telerik.com/kendo-ui/editor/index

See sample presentation in the attached file.

Is this a known bug?
Do you have a workaround or a fix for this behaviour?

Kind regards,
Markus

Bug report

The fontName tool shows an incorrect font name and gets focus after text selection.

Steps to reproduce 

* Open and run https://dojo.telerik.com/OHOHikin demo.

* Set the cursor to Line1, note an incorrect value in the fontName dropdown.

* Select/highlight Line4, choose Arial in the fontName dropdown and note an incorrect value in the dropdown.

* Put the cursor at the end of Line6, select Line4 and Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontName dropdown.

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]