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

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]

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

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 ]

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

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

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

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 ]

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 ]

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.

Currently, it is not possible to navigate between colors in Editor Font and Background ColorPickers with the keyboard.

Reproduction of the problem
1. Go to https://demos.telerik.com/kendo-ui/editor/all-tools
2. Navigate to the Font or BackColor tools in the toolbar
3. Press Down Arrow

Current behavior
The Font/BackColor tools in the toolbar are opened, but it is not possible to navigate inside in order to select a color.

Expected/desired behavior
On pressing down the arrow key the color in the top-left corner of the palette should be focused. Then pressing other arrow keys moves the focus to the desired color. Then:

- Pressing Enter selects the color and applies it to the editor`s content
- Pressing Esc closes the dropdown without selecting a color, focus remains on the ColorPicker button.

•  "Create a Table" tool works only by pressing Alt + Down Arrow and expands a popup. I suggest expanding the popup on Space or Enter as well. Thus the current Alt + Down Arrow behavior could work as well.

•  It is not possible to focus through keyboard the "Table Wizard" tool inside "Create a Table" popup:
  

Reproduction of the problem

1. Go to https://demos.telerik.com/kendo-ui/editor/index
2. Focus Editor
3. Press F10 to focus toolbar
4. Press Tab key until "Create a Table" tool is focused
5. Press Space/Enter to activate it - nothing happens.
6. Press Alt + Down Arrow to expand the popup
7. Press Down Arrow to select table size

Current behavior

It is not possible to select the Table Wizard tool neither through arrow keys nor through Tab

Expected/desired behavior

When the bottom table size cell is reached, pressing Down Arrow once again moves the focus to the Table Wizard tool.
When Table Wizard tool is focused, pressing Up Arrow moves the focus to the bottom table size cell.

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

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

When text is copied and dragged to the Editor it is pasted only if it is dropped on the first row. It is not pasted if it is dropped below the first row of the content.

Reproduction of the problem

1. Open the Overview Demo in Chrome, Edge or IE
2. Clear the content
3. Copy part of the 'Overview' text that is above the example
4. Drag it to the Editor and drop it

Current behavior

The text is pasted in the Editor only if it is dropped on the first line. In case the text is dropped below the first line the cursor is not visible and the text is not pasted.

Expected/desired behavior

The text should be pasted in the Editor even if it is dropped below the first line.

The issue is regression since version 2019 R2 SP1 (2019.2.619)

Related issue: #5454

Environment

• Kendo UI version: 2019.2.619
• Browser: [Chrome |IE XX | Edge ]

Bug report

When the Editor is in a <form> that also has inputs and the Enter key is pressed in the input fields, the first button in the Editor`s toolbar is selected.

Reproduction of the problem

1. Open the Dojo example
2. Click in one of the inputs and press Enter

Current behavior

The 'Bold' button is selected

Expected/desired behavior

The buttons in the Editor should not be selected when pressing Enter key in the external inputs.

Regression introduced with Kendo 2020.2.513

Environment

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

Bug report

In the Editor with non-editable content, if you delete the content of the element and type new value, the new value cannot be obtained.

Regression introduced in Kendo 2020.1.114

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@martin.tabakov@progress.com/EgaKIGOQ/3.
2. Place the cursor after the text in the Editor and press backspace.
3. Type new value.
4. Click the test button.

Current behavior

The value method returns an empty string.

Expected/desired behavior

The value method should return the newly typed content.

Environment

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