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.
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 ]
We are seeing an issue with duplicate images being inserted in the editor on the key combinations below.
This issue can be recreated on the Kendo editor demo website.
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.
If the Editor ColorPickers are defined as gradient instead of palette, it does not render buttons and input.
Regression introduced with 2021.1.224
No input and buttons are rendered.
There should be input and buttons.
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
When the Editor is opened on iPad in desktop mode it seems like it has not been initialized. It is displayed as a standard textarea.
The Editor is displayed as a standard textarea. There is no toolbar rendered.
The Editor should be rendered as on the other devices/browsers.
The resize handlers in Editor are visible after an image has been deleted
The image disappears, but the resize handlers remain visible
The resize handlers should be hidden when an image is deleted.
<script>
var editor = $('#editor').kendoEditor().data('kendoEditor');
$(editor.body).keydown(function(e){
if(e.key === "Delete"){
$(editor.body).find('.k-element-resize-handle-wrapper').hide()
}
})
</script>
Hello,
When using the Editor, and pasting a table from Word, some of the styles are lost.
Here is a screenshot of the results when pasting the table from the attached document in this dojo: https://dojo.telerik.com/IraPuMAm.
Regards
Currently, it is not possible to navigate between colors in Editor Font and Background ColorPickers with the keyboard.
Reproduction of the problem
1. Go to https://demos.telerik.com/kendo-ui/editor/all-tools
2. Navigate to the Font or BackColor tools in the toolbar
3. Press Down Arrow
Current behavior
The Font/BackColor tools in the toolbar are opened, but it is not possible to navigate inside in order to select a color.
Expected/desired behavior
On pressing down the arrow key the color in the top-left corner of the palette should be focused. Then pressing other arrow keys moves the focus to the desired color. Then:
- Pressing Enter selects the color and applies it to the editor`s content
- Pressing Esc closes the dropdown without selecting a color, focus remains on the ColorPicker button.
"Create a Table" tool works only by pressing Alt + Down Arrow
and expands a popup. I suggest expanding the popup on Space
or Enter
as well. Thus the current Alt + Down Arrow
behavior could work as well.
It is not possible to focus through keyboard the "Table Wizard" tool inside "Create a Table" popup:
It is not possible to select the Table Wizard tool neither through arrow keys nor through Tab
When the bottom table size cell is reached, pressing Down Arrow once again moves the focus to the Table Wizard tool.
When Table Wizard tool is focused, pressing Up Arrow moves the focus to the bottom table size cell.
When you copy-paste a table with border styles from Word to Editor, the border styles are lost.
The border styles are lost
The border styles should be preserved.
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
Hello,
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:
https://demos.telerik.com/kendo-ui/editor/index
See sample presentation in the attached file.
Is this a known bug?
Do you have a workaround or a fix for this behaviour?
Kind regards,
Markus
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
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.
When a content containing carriage return is pasted from Word in the Editor and space or Enter is clicked at the end of the content JS error is thrown. The issue is reproducible in Chrome and Edge.
Issue 1:
Issue 2
Follow the same steps as above, but on step 6 press Enter instead of space
The following JS errors are thrown:
There should be no JS errors when a content with carriage return is pasted in the Word file and space or enter are pressed at the end of the pasted content.
Regression introduced in R1 2021 SP1. Related to: #6169
Reproducible in the demos in IE11.
A js exception is thrown.
No exceptions on pasting the table.
The toolbar in the Editor's ImageBrowser is not rendered correctly with jQuery 3.5.x
The toolbar is not rendered correctly. Items are differently positioned.
The toolbar should be rendered as in this example. https://dojo.telerik.com/@martin.tabakov@progress.com/OZOMoJeJ