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:
See sample presentation in the attached file.
Is this a known bug?
Do you have a workaround or a fix for this behaviour?
Uncaught TypeError: Cannot read properties of null (reading 'nodeType')
An error should not be thrown
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.
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.
The text should be pasted in the Editor even if it is dropped below the first line.
Related issue: #5454
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.
The 'Bold' button is selected
The buttons in the Editor should not be selected when pressing Enter key in the external inputs.
Regression introduced with Kendo 2020.2.513
When an image is placed inside an
<a> tag resizing the image does not work as expected
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
It should be possible to resize the image by increasing/decreasing the size and keeping the width/height ratio.
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.
Dom is changed to font tag with size attribute. And the font tool not showing the correct font size.
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
Is it possible to implement an Alphabetically ordered list (uppercase and lowercase) as a built-in tool in the Editor?
1) Alphabetically ordered list (uppercase):
A. Point A
B. Point B
2) Alphabetically ordered list (lowercase):
a. Point a
b. Point b
Using contenteditbale=false to disable the Editor image and table resizing still works.
Dojo to reproduce the problem:
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
Images and tables not to be resized
Bullets are not removed when content is deleted.
Observe that two bullet points remain
### 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.
* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]
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
The value method returns an empty string.
The value method should return the newly typed content.
Dojo example. Video available in ticket id: 1496525 (first post).
Two new lines are created instead of one.
One new line is created.
When the Kendo editor is compiled, the toolbar is placed in a <td> tag. I suggest changing this to a <th> tag to allow the consumer to use the css attribute position: sticky. Sticky positioning does not work on <td>. This is a low-hanging fruit and will greatly improve usability.
I'm looking for a way to use the Kendo UI inline editor with H1/H2 tags and not only DIV tags. This is currently not working when adding contentEditable: http://www.kendoui.com/forums.aspx/kendo-ui-web/editor/use-in-place-editor-for-headlines-h1-h2.aspx
It would be extremely nice if the "Insert Video" was added to the Editor. I know there are "hacks" and workarounds that make this possible, but it just doesn't have the right feeling to it. The editor in WordPress gives plenty more options to insert a video, and it's easier to use than the hacks/workarounds.