The Editor table wizard does not apply styling to all cells
The specified border is not applied. Selecting the February header instead and repeating the steps above applies the border styling
The styling applied through the wizard should be applied to the table cell
Hi, steps to reproduce problem:
1. Crete editor with content:
<p>hello
<strong contenteditable="false">OMG</strong>
world</p><p></p>
2. Put cursor at the end
3. Hit backspace
Strong tag disappears but it shouldn't.
Attached html file with the case.
Reproducible in demos in Chrome.
The Editor's content is focused and the caret is printed.
The caret is not printed.
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
Immutable content is incorrectly removed when you delete line in the Editor textarea.
The immutable "Dear" part of the text is removed instead of the empty line
The immutable content should not be removed
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.
When using an Editor in Inline mode and dragging an image a JavaScript error is thrown: Uncaught TypeError: Cannot read properties of null (reading 'nodeType')
A JavaScript error is thrown: "Uncaught TypeError: Cannot read properties of null (reading 'nodeType')"
screencast
An error should not be thrown
Reproducible in the demos.
A new dialog opens, but the overflow dropdown does not close and remains visible below the newly opened dialog.
In the inline Editor the overflow dropdown is shown above the newly opened dialog.
The overflow dropdown closes.
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
Hi Team,
We would like to request a way to customize the numbering to allow for different formats in lists/sub-lists, such as lowercase letters (a, b, c, ...), Roman numerals (i, ii, iii, ...), and decimal numbering (1.1, 1.2, 1.3, ...).
Thank you!
Bug report
Ordered List breaks when you paste a table
Reproduction of the problem
Open the Demo - https://dojo.telerik.com/AtuKOTEK
Copy an Excel table and paste it inside the list items
Expected/desired behavior
Maintain the continuity of the list numbering even when a table is copied/inserted in between list items
Environment
Kendo UI version: [all]
Browser: [all ]
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.
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 the Kendo Editor is utilized within a Bootstrap modal popup and the tools configuration includes tools such as fontName, fontSize, fontColor, backColor, formatting that are not moved to the overflow popup, the toolbar is wider and does not display the overflow button.
- https://dojo.telerik.com/OhiJaSOV/3
I would like to be able to display all tools when the toolbar of the Editor is set to resizable.
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
Hi Team,
I would like to request a ruler for the Kendo UI Editor where it could be used to align any text.
Thank you!
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>
The Kendo UI Editor widget comes with a tool formatting tool that can be activated using the tools option. It renders a dropDown with different entries representing the supported formatting styles. As you can see in this DOJO, the entries are overly large. This comes from a syntax error in the inline style applied to the span inside the .k-list-item-text DOM element (display: inline-block#; instead of display: inline-block;) This causes the browser to ignore this line and leads to broken styling. Fixing the syntax error in the browser console fixes the styling issue.