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

Bug report

The last row of a table in the Editor cannot be resized.

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/editor/table-editing.
2. Try resizing the last row.

Current behavior

The upper row will be resized instead.

Expected/desired behavior

The last row should be resized.

Environment

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

Hello,

I have an issue when I use the drag and drop of a picture in the kendo Editor inline.

Let me explain it :

1) Go to : https://runner.telerik.io/fullscreen/uWosAbib (It's the standard example on your site) on chrome 123

2) Select the last editor "Rich UI Widgets for..."

3) Take a file of a picture on your computer and drop it on the first editor "Comprehensive HTML5/..."

Two things :

* The file open on a new tab browser instead of to be added to the html of the first editor

* There is a message in the debug tools (The stack trace is added in the Attach Files)

Uncaught TypeError: Cannot read properties of null (reading 'nodeType')
    at init.index (kendo.all.js:135127:1)

Another element, if you don't select and just drag and drop it's work.

Thank you for your awesome framework and good luck with the correction !

I've configured a Kendo-UI editor so that it supports two tools ("foreColor" and "formatting") (see this DOJO). When the input area is focused, the toolbar can be reached by pressing SHIFT+TAB.

Expected behavior according to the docs: The last-used toolbar item is focused (default: the first item). By pressing SPACE or ENTER, the tool can be activated and used.

Actual behavior (only if the "formatting" tool is present): The "formatting" tool is focused and already activated. Arrow buttons swicth between the different formatting styles instead of selecting the next/previous toolbar item.

Note: When using F10 to focus the toolbar, everything works as expected as long as you don't use TAB afterwards to move the focus back to the input area. The issue seems to be that some container of the formatting tool has its "tabindex" is initially set to "0".

Bug report

The ColorPickers in the Editor allow the user to change the text color or the background color of a selection in the component. When the Editor is working in Inline mode, if you select a text and manually enter a value in the HEX input of a ColorPicker, the pre-selected text is no longer selected. No text is colored inside the Editor.

Reproduction of the problem

1. Open this Dojo and run it
2. Select a text in the inline Editor
3. Open one of the ColorPickers and enter a value in the HEX input
4. Apply the HEX value

Current behavior

The ColorPicker closes. The selected text in the Editor before opening the ColorPicker is no longer selected. No text in the Editor is in the color entered in the HEX editor.

Expected/desired behavior

Clicking on the Apply button of the ColorPicker, after a HEX value is entered, should close the ColorPicker and color the pre-selected text. This correct behavior can be observed in the second Editor in the linked above Dojo example.

Environment

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

Hi,

please review the following steps:

1) Go to: https://dojo.telerik.com/@lhoeppner/IYoKegOY

2) In the editor, click the "View Html" button

3) Select all, then paste this new content, then select "Update":

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title>
<style type="text/css">.csAD7A2888{text-align:left;text-indent:0pt;margin:12pt 0pt 12pt 0pt}
.cs2D694F89{color:#000000;background-color:transparent;font-family:Tahoma;font-size:10pt;font-weight:normal;font-style:normal;}
.csC8F6D76{color:#000000;background-color:transparent;font-family:Calibri;font-size:11pt;font-weight:normal;font-style:normal;}
</style>


<p class="csAD7A2888"><span class="cs2D694F89">1st line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">2nd line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">3rd line </span></p>
<p class="csAD7A2888"><span class="cs2D694F89">4th line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">...</span></p>
<p class="csAD7A2888"><span class="csC8F6D76">Tim Allens 24-08-2022 18:02 (UTC+00:00) Dublin, Edinburgh, Lisbon, L</span></p>

4) Click to put the cursor in front of "2nd line", then click to put the cursor in front of "1st line" (at the beginning of the note)

5) Press backspace

Result: The line starting with "1st line..." is deleted.

6) Put cursor in front of "3rd line", then back in front of "2nd line", press backspace

Result: The line starting with "2nd line..." is deleted.

Backspace shouldn't delete anything in that scenario because the cursor is in front of all note content, and nothing is selected.

The deletion occurs via kendo.editor._handleBackspace/_merge 

Thanks,

Lars

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 ]

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

If the ColorPicker tools in the Editor are configured to render a gradient, you cannot type in the HEX/RGB inputs.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/AWEmUSOS/7
2. Open one of the Color tools.
3. Try to type in the inputs.

Current behavior

The inputs are not selectable and you cannot type in them.

Expected/desired behavior

The inputs should be selectable so that you can type in them.

Environment

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

Bug report

Using Edge/Chrome, upon pasting underline text in the Kendo UI Editor, the content is rendered underline, but the UI doesn't highlight the button. In turn, if the user toggles the underline style for parts of the text, it doesn't work. At this point, the button is now highlighted for the part, but switching back to no underline style doesn't have any effect regarding the rendering. Removing the style for the whole line does work as expected.

Reproduction of the problem

1. Open Editor demo and enter some text, containing an underline.

2. Copy the entered text and reload page
3. Paste content at the start of the document. The text is not recognized as underline text

4. Select part of the text and toggle underline. Part of the text is recognized as underlined text now.

Expected/desired behavior

The underlined text decoration should be recognized by the UI and display.

Additional Notes

As a comparison, here is the content after paste:

Edge/Chrome

<p><span style="text-decoration-line:underline;">some text with underline</span></p>

FireFox - which is working

<p><span style="text-decoration:underline;">some text with underline</span></p>

Environment

• Kendo UI version: 2023.1.314
• jQuery version: All supported versions
• Browser: Chrome 111.0.5563.111 | Edge 111.0.1661.54

Bug report

Editor inserts two <br /> with enter press when insertLineBreak is changed to br

Reproduction of the problem

Open Dojo: https://dojo.telerik.com/EtUZIVUX

Place the cursor at the end of a line and press ENTER

Expected/desired behavior
Only one <br /> shall be added

Environment
Kendo UI version: [all]
Browser: [all]

Bug report

When the content is scrolled and the user tries to click in the Editor, the cursor is not always set on the correct position

Reproduction of the problem

1. Open the Dojo
2. Scroll and try to click on different places in the Editor content.

Current behavior

Sometimes the cursor is not set in the expected position. screencast - https://somup.com/c0VvQMxw1m

Expected/desired behavior

The cursor should be set on the correct place when clicking

The issue is a regression and can be replicated starting with the 2022 R1 SP1 (2022.1.301)

Environment

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

Bug report

Content pasted from Outlook/Word might lead to throwing a 'Cannot read properties of null (reading 'nodeType')' error when pasted in Editor.

Reproduction of the problem

1. Open the Dojo examples:

• https://dojo.telerik.com/@NeliKondova/uXEyIpeW
• https://dojo.telerik.com/@NeliKondova/uXaqAWAN

2. Copy and paste the content above the Editor in the Editor

Current behavior

An error: Cannot read properties of null (reading 'nodeType') is thrown in the console

Expected/desired behavior

No error should be thrown when pasting content into the Editor

Note: The purpose of the issue is to avoid errors in the console not styling the content as list.

Workaround:

`paste: function(e){
e.html = e.html.replace(/MsoNormal/g, "");
e.html = e.html.replace(/mso/g, "");
}

• https://dojo.telerik.com/@NeliKondova/uCudaJoJ

Environment

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

Bug report

If you remove an image in the Editor and then return it with undo action, the image resize handlers will be duplicated.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/onIsuKuP/4
2. Select and remove the image using Del key.
3. Undo with Ctrl + Z
4. Select the image and resize it.

Current behavior

The resize handlers are duplicated.

Expected/desired behavior

The resize handlers shouldn't be duplicated.

Environment

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

Bug report

When an image from docx file is pasted in the Editor an error is thrown.

Reproduction of the problem

1. Open the Dojo
2. Open the file test_word_images.docx
3. Copy the first image and paste it in the Editor

Current behavior

An error is thrown : "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'"
screencast

Expected/desired behavior

There should be no errors in the console.

Environment

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

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

Reproduction of the problem

Dojo example.

1. In the Editor's content click the line above the "Climate" word
2. Press and hold down Space key, while holding it down click the left mouse button and hold it down as well, then hover the table and move the mouse cursor over it.

For more details see Ticket ID: 1478828

Current behavior

A js exception is thrown:
kendo.all.js:78925 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3.

Expected/desired behavior

No exceptions.

Environment

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

Bug report

Reproduction of the problem

Dojo example.

1. Click the cell with name John
2. Open the table wizard and select the Cell tab (Select All Cells is NOT checked)
3. Chang the border color of the cell and hit OK

Current behavior

The border color of all cells is changed. If you re-open the table wizard and follow the same steps only the selected cell border color is set (expected). This behavior is not reproducible with tables added through the createTable tool.

Expected/desired behavior

The border color of the selected cell is changed.

Environment

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