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

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 ]

Hi Team,

I'd like to request the Kendo UI Editor implement the functionality to utilize a Page Size such as A4.  If the user types beyond the size, it should show a page break to let the user know it's gone past the limit.  

Thank you

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.

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!

ASP.NET AJAX RadEditor is  much user friendly (i.e. image resize with mouse, styling some simple properties like margin...etc.). We use Kendo UI and HTML5 in our new projects, but in our custom CMS we had to integrate RadEditor, because it is very smart and user friendly and gives  a great helping hand and many functionalities to our users who has no html and css experiences.

Kendo Editor is still not a tool for a CMS, it is good only for writing some sentences to news or for some very-very simple editing task.

We build a project on Kendo, and incorrectly assumed we would see similar levels of tools in the ditor as per the ASP.Net ajax implementation. We were surprised to find the image editor was not available. I guess I dont really understand why you couldnt call the existing functionality from the server side using Ajax as a fast way to beef up the functionality for Kendo?

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 ]

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

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]

We have discovered an issue in the Editor around insertion of text using a custom button - it can be seen at http://dojo.telerik.com/EZijI

If you highlight text that is contained within a <span> tag, and use a custom button to insert more text (in this case, replacing the highlighted text), the text gets removed successfully, but the <span> gets closed, and the inserted text appears outside the closing </span> tag. 

Given that <span> tags can be used to format text, you therefore lose the formatting you had applied to the text you removed, and the new text appears unformatted i.e. inheriting formatting from the parent, which is not expected behaviour.

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

• 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

I want to use the ImageBrowser with services that perform the requested operations.. I've got my transport.read, transport.create, transport.destroy services created just fine and everything works.

However, the imageUrl and thumbnailUrl properties leave me baffled.


So transport.thumbnailUrl hard-codes a ?path={url} to whatever url you give it ... this seems like a major hack. I want to use a REST service with the generation of the thumbnail and I need to supply additional query string parameters, but the current implementation precludes doing so.

At least imageUrl lets me pass in a function or a parameterized string, but imageUrl ALWAYS tacks on the current relative path. The images that I'm using get stored in a DB by the service, so doing so makes no sense.

Both these properties should have the same abilities as the create,read, and destroy -- let me control what is passed in explicitly.

The modality of the Editor's popups affects performance when multiple Editors are initialized or destroyed. Example: https://dojo.telerik.com/OZiHAzAn/4

Note that modality is turned on before initializing the Editors and turned off afterwards. This leads to a performance boost, more noticeable on destroying the Editors. Performance is worse, if modality is not set. For additional details see (Ticket ID: 1469512).

Research whether performance improvements are possible to implement in the Editor's source code, which will avoid having to switch popup modality as demonstrated in the linked example.

There are a number of controls missing from the new editor that was not in the old telerik editor. including Add spell check, cut, copy and paste {several options}, undo, redo, new paragraph, horizontal rules, insert time, insert symbol. Anyway to bring those functionalities into  ASP.net core?

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]

Add an enable() method to Editor to enable/disable the editor widget.

The following link mentions how to disable the contenteditable, but this does not disable the toolbar: http://www.telerik.com/forums/disable-readonly-and-maxlength-for-kendoeditor

Something like:

function(enable) { 
                        $(this.body).attr("contenteditable", enable);
                        if (enable) {
                            this.toolbar.element.closest(".k-editor-toolbar-wrap").find(".k-disabled-overlay").remove();
                        } else {
                            this.toolbar.element.closest(".k-editor-toolbar-wrap").append("<div class='k-disabled-overlay'></div>");
                        }
                    }

Can the 'Insert Hyperlink' popup within the mini and full Editors be expanded to allow users to create different types of links e.g. email, web, anchor.

The 'Hyperlink Manager' in the ASP.NET AJAX tools is the blueprint for what we are looking for here - something that a non-technical user can use to create different types of hyperlinks easily and intuitively within the Editor.

The fact that you can select items from the Document Manager, use CSS classes to style the links, etc. is a real plus here too.

With current editor, after you copy table which has merged cells to editor, merged cells are gone, Cells are shifted forward.