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

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 an image is placed inside an <a> tag resizing the image does not work as expected

Reproduction of the problem

1. Open the Dojo example
2. Resize the image in order to decrease the size
3. Try to resize and increase the size of the image

Current behavior

The image can not be resized back to the original size (screencast). Its width can not be changed.

In case the image is set to float on the right after resizing its width becomes about 10px and is almost hidden - Dojo

Expected/desired behavior

It should be possible to resize the image by increasing/decreasing the size and keeping the width/height ratio.

Environment

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

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 ]

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

### Bug report

A non-breaking space is added at the beginning of each new row when typing in the Editor.  As a result, the method "getRange" returns a wrong "startOffset" index.

### Reproduction of the problem

    1. Subscribe to the "select" event of the Editor;

    2. Log the property "startOffset" of the "getRange" method in the browser console;

    3. Click on any line in the empty Editor and check the logged index. It is "1" instead of "0".

    4. Type in any text in the Editor and click at the beginning of the text - the logged index is "1" instead of "0".

A Dojo sample for reproduction: https://dojo.telerik.com/UqUNoBaM/8

### Expected/desired behavior

The non-breaking space should be removed when typing.

### Environment

* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]

Hi,

Bullets are not removed when content is deleted.

1. Create text editor on a div
2. Input some text
3. Make it bold and underline
4. Make it bulleted
5. Add few more bullets
6. Select all bullets
7. Press backspace

Observe that two bullet points remain

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]

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

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

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 ]

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

When uploading a file through the Editor's FileBrowser, the file's name is not updated with the name coming generated on the server. The file's name is updated in the ImageBrowser using the same server code.

Editor configuration:

$("#editor").kendoEditor({               
                fileBrowser: {
                    schema: {
                        model: {
                            id: "name",
                            fields: {
                                name: { field: "name" },
                                type: { field: "type" },
                                size: { field: "size" }
                            }
                        }
                    },
                    transport: {
                        read: "@Url.HttpRouteUrl("ActionApi", new {controller = "MessageTemplates", action = "Read"})",
                        destroy: "",
                        create: "",
                        uploadUrl: "@Url.HttpRouteUrl("ActionApi", new {action = "UploadMp3", controller = "MessageTemplates" })",
                        fileUrl: function (name) {
                            var url = "/files/" + name + "/";
                            return url;
                        }
                    },

                    fileTypes: "*.mp3, *.pdf"
                },
                tools: ['insertImage', 'insertFile']
});

Controller:

[HttpPost]
        [ActionName("Read")]
        public object Read()
        {
            try
            {
                string path = HttpContext.Current.Request.Params["path"];

                var fullPath = System.Web.Hosting.HostingEnvironment.MapPath(@"~/Files/" + path);

                DirectoryInfo dir = new DirectoryInfo(fullPath);
                var result = dir.GetFiles("*.*").Select(f => new
                {
                    name = f.Name,
                    type = "f",
                    size = (long)0,
                }).ToList();

                return result;
            }
            catch (Exception e)
            {
                return null;
                //throw new HttpException(404, "File Not Found");
            }
        }

        [HttpPost]
        [ActionName("UploadMp3")]
        public HttpResponseMessage UploadMp3()
        {
            var file = HttpContext.Current.Request.Files[0];
            try
            {
                return Request.CreateResponse(HttpStatusCode.Created, new
                {
                    size = file.ContentLength,
                    name = Guid.NewGuid().ToString(),
                    type = "f"
                });
            }
            catch (Exception e)
            {
                return new HttpResponseMessage(HttpStatusCode.BadRequest);
            }
        }

Reproduction of the problem

1. Open the Editor's FileBrowser.
2. Upload a file.

Current behavior

The file name is not updated whereas it is being updated in the ImageBrowser.

Expected/desired behavior

The file name should be updated as in the ImageBrowser.

Environment

• Kendo UI version: 2021.1.119
• Browser: [all]
  editorimagevsfileuploadzip.zip

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

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]