Bug report

Not reproducible in IE and Firefox.

Reproduction of the problem

Dojo example.

1. Run the dojo in Chrome and inspect the Editor's content area in the browser's dev tools.
2. Focus the content. Select all content (Ctrl + A) and delete it (Del or Backspace)
3. Note that an empty tag remains.
4. If you type in text and press Enter the new line will be wrapped in the leftover em tag and the text on the new line will be italic

Current behavior

A leftover em tag remains after clearing the content in Chrome.

Expected/desired behavior

All tags from that were present in the cleared content should be removed.

Environment

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

When trying to navigate the toolbar of the editor with a keyboard, the focus is stuck/not working for color pickers.

When using Tab(or RightArrow) from the left the focus is stuck on the first colorpicker.

When using Shift+Tab(or LeftArrow) from the right the focus is stuck on the last tool before the colorpicker.

See DOJO: https://dojo.telerik.com/aKOKOwiP

We are running into an error using the editor in a panel. After making a second change to content in an editor, this error is thrown: 

Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined

We're using a template for the panel a with textarea with attribute data-role="editor" to instantiate the editor. We're using an observable with a hierarchical datasource bound to the panel. 

Here is a stripped-down dojo to reproduce the error:

https://dojo.telerik.com/UYEtEvAG/2

1. Click in the editor and make a change.
2. Click out of the editor.
3. Click in the editor again and make another change.
4. Click out of the editor.
5. Error is thrown.

Have tried all solutions mentioned on previous similar tickets without success. We have also tried iframe vs inline editors. 

Thanks in advance for help.

Bug report

Reproducible in Chrome and Firefox.

Reproduction of the problem

Dojo example
Copy the list from the attached file and paste it in the Editor:

doc1.docx

Current behavior

List numeration is duplicated.

Expected/desired behavior

The pasted list looks as in the Word document.

Environment

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

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 there are bookmarks in a Word file and the text from the Word is pasted in Editor the indention of the text and space of the alignment is changed.

Reproduction of the problem

1. Open the Dojo
2. Copy the list from the attached file and paste it in the Editor:

TestFile1.docx

Current behavior

The indention of the list is changed.

Expected/desired behavior

The pasted list should look like in the Word document

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos.

1. Create a table in a Word document.
2. Copy the table and paste it in the Editor.
3. Highlight the content of all the cells in a row.
4. Apply background color through the Editor's background color tool.

Current behavior

An empty column is added to the table.

Expected/desired behavior

No empty column added and all the highlighted cells are styled properly.

Environment

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

Bug report

Reproduction of the problem

Dojo example.

1. Add the following two tables through the viewHtml tool

<table>
	<tbody>
	<tr>
		<td>
			<p>
				<span>&nbsp;</span>
			</p>
		</td>
	</tr>
	</tbody>
</table>

<table><tbody><tr><td><p><span>&nbsp;</span></p></td></tr></tbody></table>

Both tables are identical, but the first one is formatted.

2. Open the viewHtml dialog again.

Current behavior

The Editor has stripped the p and span tags from the first table. The issue is related to the presence of
  in the span. If it is replaced with text, the elements are not stripped.

Expected/desired behavior

No elements should be stripped from the table.

Environment

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

Bug report

The toolbar in the Editor's ImageBrowser is not rendered correctly with jQuery 3.5.x

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/oSUfaYaP
2. Open the ImageBrowser.

Current behavior

The toolbar is not rendered correctly. Items are differently positioned.

Expected/desired behavior

The toolbar should be rendered as in this example. https://dojo.telerik.com/@martin.tabakov@progress.com/OZOMoJeJ

Environment

• Kendo UI version: 2021.1.119
• **jQuery version: 3.5.1
• Browser: [all]

Bug report

Regression introduced in R1 2021 SP1. Related to: #6169

Reproduction of the problem

Reproducible in the demos in IE11.

1. Create a table in a Word document.
2. Copy the table and paste it in the Editor.

Current behavior

A js exception is thrown.

Expected/desired behavior

No exceptions on pasting the table.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [IE11 ]

I can use the Print-Dialog (Print-Icon in the Editor)  only once.

If I try to use it again nothing happens. If I do a page reload everything works fine for one time again.

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]

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 ]

Using contenteditbale=false to disable the Editor image and table resizing still works. 

Dojo to reproduce the problem:

https://dojo.telerik.com/acIhiqiN

Actual behavior:

Steps: 

1. Disable using the button

2. Try to resize the image - it can be resized

3. Try to resize the table- it can be resized

Expected:

Images and tables not to be resized

Correcting a misspelled word with some fontsize decoration results in Chrome changing the DOM element to font tag and style to face attribute.

This leads to the font tool not recognizing the font size and shows inaccurate value.

Reproduction of the problem

https://demos.telerik.com/kendo-ui/editor/all-tools

1. Delete all content
2. Type 'Heloo' and change its font size
3. Correct the misspelled word.

Current behavior

Dom is changed to font tag with size attribute. And the font tool not showing the correct font size.

Expected/desired behavior

Either the Editor to retain or bring back the proper tag and style. Or update the font size to recognize the font size from font tag and size attribute

Environment

• Browser: [ Chrome 92.0.4515.15 ]

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

When the content pasted in the Editor contains the 'MsoNormal' class the new lines are not preserved.

Reproduction of the problem

1. Open the Dojo.
2. Copy the text that is above the Editor and paste it in the Editor.

Current behavior

The text after the 'MsoNormal' class is pasted on a single line.

Expected/desired behavior

The new lines should be preserved.

Environment

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

•  "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.

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.