The Editor doesn't allow multiple separators through the tools configuration.
Only the first separator is rendered.
All the separators should be rendered
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
The inline Editor remains open when it loses focus
Thе inline Editor should close when it loses focus
If the ColorPicker tools in the Editor are configured to render a gradient, you cannot type in the HEX/RGB inputs.
The inputs are not selectable and you cannot type in them.
The inputs should be selectable so that you can type in them.
Hi Team,
Create table popup inside the editor does not announce the table cells selected by user to screen reader.
https://dojo.telerik.com/enAFIvab
any help is appreciated.
Thanks,
Ashutosh
In an Editor with custom fontName items configured, the selection in the tool is not preserved when specific items are selected.
The "Andane Mono" does not appear as selected in the list
The "Andane Mono" should be selected in the list
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".
When the serialization.semantic is set to false and the user uses the viewHtml tool and press 'Update' then after chaning the font-size, the style attribute is added to the element instead of the font attribute.
<font size="4">хххх</font>
The font-size after pressing the 'Update' button is applied using the style attribute
<p>aaaaaa</p>
<p><font size="1">bbbbbbb</font></p>
<p><font style="font-size: small;">ccccccc</font></p>
screencast - https://screenpal.com/watch/cZVvQtVJ8oz
When the semantic mode is set to false and the 'Update' button in the viewHtml tool is clicked the font size should be applied as initially - using the font attribute.
When you resize an image in the Editor, the image occasionally flickers. Also, if you decrease the size of the image, you cannot smoothly increase it back
Flickering issue:
Increase width issue
The image flickers upon resizing, and you cannot increase its width
The image shouldn't be flickering, and you should be able to smoothly increase its width
When an existing table is wrapped in a <div>
and there is a </br>
tag in the content, then when a table is inserted through the insertTable tool, the rows from the previous table dissapear.
<div>
<table name="content" >
<tbody>
<tr>
<td><strong>Indhold</strong><span>IndholdStart</span></td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<span >First </span>
</br>
</br>
</br>
<span >Second</span>
</div>
The rows from the initial table dissapear.
Note. The issue can be reproduced when both - the dic and the br tag from the example above are present.
screencast - https://somup.com/c0X3lEgyi3
The extisting tables should not be changed when a new table is inserted
The options in the Format Tool dropdown are displayed differently in Safari.
Regression introduced with 2023.1.314
The options in the Tool are displayed with different styles compared to Chrome
The options should be displayed as in Chrome.
When a link is added to the Inline Editor content and the user clicks outside the Editor, the toolbar does not always hide.
Note: the issue does not always appear, so you may need to test multiple times.
The Toolbar does not hide. - screencast - https://screenpal.com/watch/c06q2DVE2Zi
The toolbar should hide once the user clicks outside the Editor.
In an Editor that has a visible scrollbar, the selection event fires if you click on the scrollbar.
The selection event triggers when you click the scrollbar
The selection event shouldn't trigger when you click the scrollbar
When content is pasted in the Editor, even if the keepNewLines option is enabled three </br>
tasg are added for a single line.
There are 3 <br/>
tags for each new line
There should be a single <br/>
tag for each line.
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.
The underlined text decoration should be recognized by the UI and display.
As a comparison, here is the content after paste:
<p><span style="text-decoration-line:underline;">some text with underline</span></p>
<p><span style="text-decoration:underline;">some text with underline</span></p>
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]
When the content is scrolled and the user tries to click in the Editor, the cursor is not always set on the correct position
Sometimes the cursor is not set in the expected position. screencast - https://somup.com/c0VvQMxw1m
The cursor should be set on the correct place when clicking
Content pasted from Outlook/Word might lead to throwing a 'Cannot read properties of null (reading 'nodeType')' error when pasted in Editor.
An error: Cannot read properties of null (reading 'nodeType') is thrown in the console
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.
`paste: function(e){
e.html = e.html.replace(/MsoNormal/g, "");
e.html = e.html.replace(/mso/g, "");
}
Hello,
when I paste text from notepad editor, it is pasted with default font-size even if I currently have cursor on text with bigger font size. Can the editor apply current formatting on pasted text? it is replicable in editor demo. https://demos.telerik.com/kendo-ui/editor/index
thanks,
Marel
If you select a text in the Editor, the ForeColor value is not updated to match the color of the selected text.
The value of the ForeColor tool is not updated to match the second line
The ForeColor value should change based on the selected text
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