Currently there seems to be no way to open the options of dropdown commands like "Font Family" or "Font Size".
The typical hotkeys of the according Kendo UI widgets (ALT + Arrow down) are not working and we have not found any other.

This can be reproduced in its online demo:
https://demos.telerik.com/kendo-ui/editor/keyboard-navigation?_gl=1*1jjk3dq*_gcl_au*NjE0NTE0MTQ0LjE3MjYwNTc4MjU.*_ga*MTk3MTcyODQ3My4xNjkwMjkyNTYw*_ga_9JSNBCSF54*MTcyOTY3MzExMS44My4xLjE3Mjk2NzQwMzAuMzEuMC4w

Describe the bug
When the user selects a word and changes its style (for example bold, italic, etc.) the content of the inline Editor is wrapped on multiple lines.

To reproduce
Steps to reproduce the behavior:

1. Go to Dojo - https://dojo.telerik.com/JNAQLLsy
2. Select a word in the editor and change its style from the tools.

Expected behavior
The content should not wrap.

Screenshots

Workaround

<style>
      .k-editor{
        display: block
      }
</style>

Dojo - https://dojo.telerik.com/iZZPZIGg

Regression since 2022.1.119

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Currently in the editor when we add a table, we get to resize them in six corner points. Can we keep the table like below and make it resizable from one corner only:

Similar item is logged for Kendo UI for Vue:
https://feedback.telerik.com/kendo-vue-ui/1649742-feature-request-formatblock-paragraph-quotation-heading-included-in-the-translations

Currently, the formatting options are not getting localized:
https://demos.telerik.com/kendo-ui/editor/localization

Bug report

When underlined text is dragged and dropped in text with different formatting the underline tool is not highlighted.

Reproduction of the problem

1. Open the Dojo and type some text.
2. Format part of the text to be underlined.
3. Drag underlined text to non-underlined.
4. Click on the non-underlined text and click back to the underlined.

Current behavior

The underline tool is not highlighted. screencast - https://somup.com/cZQZ14ms8m

Expected/desired behavior

The underline tool should be highlighted (as for example the behavior of the italic tool).

Environment

• Kendo UI version: 2024.3.806
• Browser: [all ]

Hi Team,

While updating to 2023.1.314, I reviewed the change logs, breaking changes(Unified Rendering, Editor/Toolbar), and roadmap pages.  But, there was a major change where the height of the textarea is now the total height of the editor and not the height of the editable area anymore.  

Please, I would like to request there to be a clear note specific to this change in the documentation, and to help future developers who need to update their Kendo UI Editors. 

Thank you!

Bug report

Editor's Toolbar sets default values when adding a text ( double Enter click ) between Ordered / Unordered list items.

Reproduction of the problem

1. Open the Dojo https://dojo.telerik.com/erayiJaV/2
2. Change the fontName and fontSize.
3. Insert an ordered / Un ordered list.
4. Add items to the list.
5. In one of the items (excluding the last one), press Enter twice to create a new line.
6. Type some text on the new line.

Current behavior

The fontName and fontSize are set to the default values ( inherit ).

Expected/desired behavior

The fontName and fontSize remain with the values we set.

Environment

• Kendo UI version: 2024.2.514
• Browser: [all]

Bug report

If you toggle the formatting marks in an Inline Editor, the marks are toggled for every Editor on the page. Additionally, if the content is scrollable, the marks remain stationary when you scroll through the content.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/AFiTuKif/2
2. Open the top inline Editor
3. Toggle the formatting marks
4. Scroll the Top Inline Editor

Current behavior

The formatting marks are toggled for each Editor on the page, and the arrow formatting mark remains stationary if you scroll through the content.

Expected/desired behavior

The formatting marks should be toggled for the target Editor only, and the formatting mark shouldn't scroll.

Environment

• Kendo UI version: 2024.2.519
• Browser: [all]

Bug report

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.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EhiKaJAw/2
2. Change the Slider value
3. Go to the Editor right below the slider and type some text - it appears that the focus is stolen here as the text cursor is not shown
4. Go to the second Editor and type some text
5. Repeat steps 2-4 several times

Current behavior

An error is thrown in the console

Expected/desired behavior

No error should be thrown on the console

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

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 !

Bug report

The Editor doesn't allow multiple separators through the tools configuration.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/eSESEheW/19

Current behavior

Only the first separator is rendered.

Expected/desired behavior

All the separators should be rendered

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

Bug report

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

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/OvumAcaH/7
2. Open and drag the inline Editors to observe the behaviour.

Current behavior

The inline Editor remains open when it loses focus

Expected/desired behavior

Thе inline Editor should close when it loses focus

Environment

• Kendo UI version: 2024.1.319
• Browser: [all]

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

Bug report

In an Editor with custom fontName items configured, the selection in the tool is not preserved when specific items are selected.

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/oGavoViC/28
2. Select the text and choose "Andale Mono"
3. Open the fontName dropdown.

Current behavior

The "Andane Mono" does not appear as selected in the list

Expected/desired behavior

The "Andane Mono" should be selected in the list

Environment

• Kendo UI version: 2024.1.130
• Browser: [all]

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".

Bug report

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.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/iVICefOb
2. Add some text and change its font. If you inspect the content at this stage, the font size will be applied using the font attribute: <font size="4">хххх</font>
3. Press 'Update' button in the viewHtml dialog.
4. Press 'Enter' to add paragraph.
5. Change the font size and enter some text.
6. Inspect the content or open the ViewHtml.

Current behavior

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

Expected/desired behavior

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.

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all ]

Hi Team,

I'd like to request an easy way with the API to insert/remove MergeFields into a document using the Kendo UI Editor.  

Thank you!

Bug report

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

Reproduction of the problem

Flickering issue:

1. Open this Dojo example - https://dojo.telerik.com/EMeTaBOw/5
2. Grab the top right resize handle
3. Decrease the size of the image several times

Increase width issue

1. Open this Dojo example - https://dojo.telerik.com/EMeTaBOw/5
2. Grab the top right resize handle
3. Decrease the size of the image and let go of the resize handler
4. Grab the top right handler again and try to increase its width.

Current behavior

The image flickers upon resizing, and you cannot increase its width

Expected/desired behavior

The image shouldn't be flickering, and you should be able to smoothly increase its width

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all]

Bug report

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.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/ICAvOQOj
2. Copy the following content:

<div>
  <table name="content" >
    <tbody>
      <tr>
        <td><strong>Indhold</strong><span>IndholdStart</span></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </tbody>
  </table>
  <span >First </span> 
  </br>
  </br>
  </br>  
  <span >Second</span>
</div>

3. Click on the 'View HTML' tool in the Editor and paste the content from step 2. Click on the 'Update' button in the ViewHtml popup
4. In the Editor click between the First and Second
5. Insert a table through the insertTable tool

Current behavior

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

Expected/desired behavior

The extisting tables should not be changed when a new table is inserted

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all ]