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]

Hello,

When using the Editor, and pasting a table from Word, some of the styles are lost.

Here is a screenshot of the results when pasting the table from the attached document in this dojo: https://dojo.telerik.com/IraPuMAm.

Bug report

When you copy-paste a table with border styles from Word to Editor, the border styles are lost.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/@martin.tabakov@progress.com/OwiSoVut/9
2. Copy a table with border styles from Word and paste it in the Editor.

Current behavior

The border styles are lost

Expected/desired behavior.

The border styles should be preserved.

Environment

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

Bug report

When the Editor is opened on iPad in desktop mode it seems like it has not been initialized. It is displayed as a standard textarea.

Reproduction of the problem

1. Open the Demos on ipad in desktop mode. - https://demos.telerik.com/kendo-ui/editor/index

Current behavior

The Editor is displayed as a standard textarea. There is no toolbar rendered.

Expected/desired behavior

The Editor should be rendered as on the other devices/browsers.

Environment

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

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 toolbar of the inline Editor hides when the user click on a disabled button inside it or on the toolbar itself

• This is a regression introduced with R3 2020 SP1 - 2020.3.1021

Reproduction of the problem

1. Open this Dojo
2. Open the toolbar and click on the disabled "Unlink" button or on the right part of the toolbar where there are no buttons

Current behavior

The toolbar hides after the user click on it.

Expected/desired behavior

The toolbar should stay visible after the user click it

Environment

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

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

When a content containing carriage return is pasted from Word in the Editor and space or Enter is clicked at the end of the content JS error is thrown. The issue is reproducible in Chrome and Edge.

Reproduction of the problem

Issue 1:

1. Open the attached file and the Dojo linked here.
   test.docx
2. Select all by Ctrl + A, and paste it in the Editor
3. In the file there is a row with text and two empty rows below. Move toward the 2nd row and type any words. (Use direction key, not Enter)
4. Move toward the 3rd row and type any words. (Use direction key, not Enter)
5. Press space key at the end of the 3rd row

Issue 2
Follow the same steps as above, but on step 6 press Enter instead of space

Current behavior

The following JS errors are thrown:

1. DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 6.
2. Failed to execute 'insertNode' on 'Range': Nodes of type 'A' may not be inserted inside nodes of type '#comment'.
   (screencast)

Expected/desired behavior

There should be no JS errors when a content with carriage return is pasted in the Word file and space or enter are pressed at the end of the pasted content.

Environment

• Kendo UI version: 2021.1.224
• Browser: [ Chrome | Edge ]

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

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]

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

Reproduction of the problem

Dojo example. Video available in ticket id: 1496525 (first post).

1. Click at the end of line2 in paragraph1
2. Press Enter
3. Type in some text, e.g., "paragraph2"
4. Press Shift + Enter

Current behavior

Two new lines are created instead of one.

Expected/desired behavior

One new line is created.

Environment

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

A tester of ours noticed a bug that completely breaks the editor until the page is refreshed.

• Click "Insert Hyperlink"
• Add a link
• Add a space in the "Text" field
• Click "Insert"

Script error "Cannot read property 'nodeType' of null" in the console. None of the buttons work until the page is refreshed.

Attached is a video example tested with Dojo editor. Thanks!

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]

Bug report

Reproduction of the problem

Dojo example.

1. Copy a word
2. Click in the Editor after "Location" or "Date"
3. Press Enter
4. Press Ctrl + V to pasted the copied text.

Current behavior

The Editor adds an extra

element after the nested table:

<p>&nbsp;</p>

Expected/desired behavior

No empty paragraph is added on pasting content.

Environment

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

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

Unable to resize a column inside a table inserted in Editor

This is a regression represented after Kendo UI 2019.2.619

Reproduction of the problem

1. Open this Dojo and run it
2. Add a table(no matter of its size)
3. Try to resize a column, not the whole table. No matter of the direction you resize the column its board is moving to the left
4. When you release the mouse button the column is resized in a totally different way than the resize indicator showed

Current behavior

Please check this video for more details

Expected/desired behavior

The columns inside a table should be resizable.

Environment

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

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. 

Dear Telerik team,

when I apply a HTML-text with a paragraph to kendo editor it does show a vertical scroll bar in IE. Which is wrong. Chrome does not. See this dojo: https://dojo.telerik.com/AsuNiPuh/4

How can I fix this?

Kind regards

Daniel