If you have several Inline Editors and a Slider, switching focus from Slider and typing in the Editors result in an error in the console.
An error is thrown in the console
No error should be thrown on the console
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 !
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
Dear support team,
when using the gradient color selection for font color and/or background color the textbox for the HEX value seems to be "disabled".
It can not be selected by using the mouse but it works using keyboard navigation, so the TAB key.
This can be reproduced easily with the samples in the API documentation (https://docs.telerik.com/kendo-ui/api/javascript/ui/editor/configuration/tools.palette) of the editor or the main demo by changing the "foreColor" or "backColor" tools to
{ name: "backColor", palette: null }
or see the following dojo containing the default : https://dojo.telerik.com/IbaFaGIz
This is annoying in case you have an exact color that should be used as it is awkward to select it in the "color area".
The textbox should be fully useable by the users.
PS:
Same when switching from HEX to RGB input.
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 <source>
tag in the Editor gets closed incorrectly. It's a void element, so it should either close itself or not have a closing tag at all. To quote MDN:
The element is a void element, which means that it not only has no content but also has no closing tag. That is, you never use "</source>" in your HTML.
Follow these steps:
viewHtml
" enabled in the toolbar, e.g.:$("#editor").kendoEditor({ tools: ["viewHtml"] });
</>
button to open the "view HTML" modal;<picture>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp" />
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png" />
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg" />
<img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>
</>
button again to view the HTML, and you'll notice that all <source>
tags now have a </source>
closing tag added.All the <source>
get closing tags (</source>
), which makes the HTML invalid as it's a void element. Above snippet would get turned into this (indented for readability):
<picture>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp"></source>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png"></source>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg"></source>
<img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>
The <source>
should not get a closing tag, but should either close themselves, or not be closed at all.
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.
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.
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
Bug report
SVG icon in the editor for the PDF export missing in 2023.2.606
This is a regression with 2023.2.606
Reproduction of the problem
https://demos.telerik.com/kendo-ui/editor/pdf-export
Expected/desired behavior
Pdf export icon shall render
Environment
Kendo UI version: 2023.2.606
Browser: [all ]
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]