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]

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

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

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. 

When I resize the window I get so now and then the above issue. Please add a check whether "window" is undefined or not.

It is at line number 70738 in de kendo.all.js of version 2018.2.620

Steps to reproduce:

1. Go to https://demos.telerik.com/kendo-ui/editor/index using IE11

2. Delete a sentence in the editor by repeatedly pressing the backspace key.

Result:

The characters are deleted slowly with noticeable lag and jank.

Investigation

The following profile shows the FPS drop when you repeatedly press backspace.

I believe the call to refreshTools is expensive (for IE) and it is invoked on every keyup for backspace.

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

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

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]

Bug report

Copied text is pasted with some (editor's ?) styles.

Steps to reproduce

1. Open the Demo page in the Edge browser:

https://demos.telerik.com/kendo-ui/editor/index

2. Copy some words (e.g. "Kendo UI Editor") from the editor's default text.

3. Paste them at the end of the text.

4. Open developer tools (F12).

5. On the Elements tab, select the pasted paragraph and check its style, you will see <span style="display: inline !important; etc.

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!

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

Bug report

Once the content area is blurred it can be focused only by clicking its upper part.

Regression introduced in R2 2019 SP1. Reproducible only in Chrome.

Reproduction of the problem

Demos. Screencast.

1. Clear the Editor's content.
2. Blur the widget and try to focus the content area by clicking in its bottom or mid section.

Current behavior

Content is not focused.

Expected/desired behavior

Content is focused.

Environment

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

Bug report

The fontSize tool gets focus after text selection. 

Steps to reproduce

* Open and run https://dojo.telerik.com/oRuLayir demo.

* Select /highlight Line4, choose 16 in the fontSize dropdown.

* Put the cursor at the end of Line6, select  Line4, Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontSize dropdown.

Bug report

When setting a special font of a given paragraph in the Editor component, if the "x" of the Font dropdown is pressed it will reset the font of this text to the default one. If we then want to change the format of a given paragraph(make it bold for example), we select the paragraph and click on the "Bold" button. The text which is being bolded is the one which font was previously reset, not the selected text which we expect to become bold.

Reproduction of the problem

1. Open this Dojo and select a random text in the Editor
2. Change the font of the selected text by choosing one from the "Fonts" dropdown
3. After changing the font keep the text selection and click on the "x" in the "Fonts" dropdown. The font of the selected paragraph will be reset to the default one.
4. Select a random text chunk in the Editor and click on the "Bold" button.
5. See that the bolded text is not the one we expect to be, but the text which font we've reset.

The reported behavior is applicable to all styles - bold, italic, underline, text alignment, ul, ol.

Current behavior

When changing the style of a given selected text, after there was a font reset in the Editor, the new formatting we set is being applied on the text which font was reset, not on the selected one.

Expected/desired behavior

No matter the operations performed in the Editor when formatting a selected text, the format changes should be applied to the selected text only.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• 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]

• Create a WYSIWG Editor
• Add a Table with 2 rows and 2 columns
• Select multiple cells by clicking on the first cell and then dragging to the right[Firefox_TableWizard_CellStyling_selection.png]
• Click on the table wizard icon to open the table wizard
• Select the Cell tab
• Change the Background Color to something like red
• Press the Ok Button
• Now the first cell has a red background color and 2 columns are added after the first cell[Firefox_TableWizard_CellStyling_afterCellStyling.png]

Issue is only present in Firefox, Chrome does not allow selecting multiple cells.

The editor used for this was from the Demo Page:

https://demos.telerik.com/kendo-ui/editor/index

Bug report

Dropping an image into the Editor's content results in the image being opened in the browser instead of being added to the widget's content. Reproducible in Chrome, IE and Edge. If there is existing content and the image is dropped in it, the image is added to the content as expected.

Regression introduced in 2019.2.619.
Related to #4994

Reproduction of the problem

Screencast.
Dojo example.

1. Drag an image into the Editor's content.

Current behavior

The image is opened in the browser.

Expected/desired behavior

The image is added to the Editor's content.

Environment

• Kendo UI version: 2019.3.1023
• jQuery version: x.y
• Browser: [Chrome 78, IE, Edge ]

Hi,

We are facing an issue as follows.

1. We type some ordered or unordered list and we move cursor one left or right.

2. We do select all and backspace to delete entire list.

Issue: First index or bullet never gets deleted does not matter how many times backspace is clicked. On inspecting dom we can see list structure is retained and does not get deleted.

Please find attached video.

Thanks