Describe the bug
The TextArea has 14 px font-size and the other inputs have 100% font-size.

Reported in: 1486377

To reproduce
https://dojo.telerik.com/iLeZIpEz

1. Use the LESS-based theme.
2. Implement a TextArea component.
3. Implement a TextBox component.

Expected behavior
The font-sizes for the TextArea and the TextBox have to be equal.

Environment

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

tabstrip in mobile device easy to use for client if tab is scroll on touch instead of arrow button of left and right

Hi Support,
I have some issues with the copySelectionToClipboard Method for the Grid widget. 

In the first one, the copy function of the table seems to have a problem with locked columns. In the dojo of the first problem the table headers are displayed shifted.

Secondly, grouped table headers are not copied. To see in the second dojo.

Lastly, it should be mentioned that the definition for the copy method is not included in the kendo-ui npm packet. 

Problem 1:
https://dojo.telerik.com/OBOQemUm

Copy result in Excel:

Problem 2:
https://dojo.telerik.com/OBOQemUm/2

Copy result in Excel:

Best regards,

Jonas

Refresh the grid with a function. I now do a queryselector to find and click the refresh button that i only added so i can refresh the grid with javascript. I'm using an array (global scope) to store data.

The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.

The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.

P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.

Diagram shapes get converted into SVG elements such as Path, Text, Image, or group (g) tags. These tags support the primary HTML event handlers (such as on click) and other attributes. It becomes essential to add a hiddle sibling with identification to work around this limitation.

var fooText = new KD.TextBlock({
    x: fooX,
    y: fooY,
    text: textFromDb,
    id: uniqueIdBasedOnDataFromDb, // This ID (or another property "domId") should become the Id in the HTML
    onclick: someMethod,
    customAttributeA: valueAFromDb,
    customAttributeB: valueBFromDb});

barGroup.append(fooText);

We have clients who use locked cells in excel sheets they import/open with the spreadsheet widget. They use these in evaluations of their staff and have staff input values and run calculations in locked cells that they do not want their staff modifying. It would be super helpful if this feature was able to be supported in the spreadsheet widget.

Thank you!

Bug report

Exporting to excel cells with empty values and zeros is not correct

Reproduction of the problem

A Problem is that if there is an item with the real value "0" in the data source, the item would also be exported with an empty string.

We have use cases where the value "0" has a different meaning than an empty value.

https://codesandbox.io/s/brave-northcutt-pe21l9?file=/src/main.vue:2996-3346

Current behavior

no difference between the empty value and the 0

Expected/desired behavior

there should be a difference between the empty value and the 0

ticket: 1598649

     Test Environment:
     Browser: Edge Anaheim 107.0.1387.2 (Official build) dev (64-bit

     OS: OS version (OS Build 25203.1000)

     Screen reader: Narrator

     URL: WPG - Home

     Credentials: V- ID

     Screen Reader: Narrator

Is important to send email enable the user to insert hyperlinks to different parts of the same image, without cut the image and assign links to individual's parts, because this affect visualization.

This example show example but is require that end user can do it in the user interface. 

<img src="some-image.jpg" usemap="#image_map">

<map name="image_map">
  <area alt="Google" title="Google" href="https://www.google.com/" coords="142,1131,493,1239" shape="rect">
  <area alt="Microsoft" title="Microsoft" href="https://www.microsoft.com/es-co" coords="608,1133,957,1239" shape="rect">
</map>

The ability to have finer control over the zoom level would be useful, i.e. with each click of the zoom in / out button the ability to zoom slightly less. The levels currently available zoom too far with each step, so when plotting many points on the map I'm unable to auto zoom in as far as I'd like (while keeping all markers in the visible area), because the next zoom level in cannot fit all of the markers into the viewable map area.

Create a setting that will enable/disable the drag to select when Multiple Selection is enabled.

Current behavior

The Selectable widget which has drag selection functionality is always turned on, but in some cases it conflicts with other logic like drag and drop.

Expected/desired behavior

Create a setting to enable/disable drag-selection.

Environment

• Kendo UI version: all

The Kendo UI ListView widget supports setting the selected items via the select method. Up to version 2022.2.802, calling select() triggered a change event. This is no longer the case.

You can see the different behaviors in these two DOJOS: 2022.2.802 vs 2023.1.117 (the item gets selected after a second to make sure the dataSource has finished loading).

Currently, the element from which a widget is initialized is wrapped in an additional parent element in some cases ("Editors" widgets for example). I would like to have the possibility to add an id to the parent as this way styling the widget will be much easier. 

For example, with the current implementation of the TextArea I need to use specific CSS selectors to style the component (Dojo). It will be much easier if there is an option to add an id to the wrapping parent.

Bug report

When a Kendo widget is initialized in a navigatable Drawer and the user clicks in the intiialized component an error Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/ePOgoMek
2. Click in the MultiSelect and observe the console

Current behavior

An error: Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Expected/desired behavior

No error should be trhown even if the 'drawer-item' attribute is missing

The issue is a regression introduced with 2021 R1 - 2021.1.119 version

Environment

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

Describe the bug
Kendo ComboBox and DropDownList controls are conflicting with kendo PanelBar.
If ComboBox or DropDownList control is included inside a kendo PanelBar, the the dropdown elements of both controls are detached from the combobox or dropdownlist inputs respectively.

To reproduce
In order to reproduce the behaviour:

1. Create a kendo PanelBar with one item
2. In the previously created panel's bar item create a list
3. Add input value in one of the list items
4. Add ComboBox or DropDownList kendo control to the input
5. Both controls will have detached the dropdown elements
6. You can run the piece of code in dojo to reproduce the issue (https://dojo.telerik.com/OZoXiPEy)

Expected behavior
ComboBox or DropDownList controls should work correctly and the dropdown elements of controls should not be detached.

I would love it if I could add a header to the PDF when using drawTabularData. I'd like to add some header information (e.g. some text above the table) describing what the PDF contains. Ideally this would repeat on each page of the PDF.

For context, I'm using drawTabularData to export data from a Grid component to PDF in a way that supports horizontal page splitting (column splitting).

Require an Editor method to provide the cursor position as an integer representing the offset of the current cursor position from the start of the document with respect to the text displayed in the editor.

For example consider an editor displaying 'This is text content'. The underlying html will be <p><span>This is text content</span></p>. When cursor is placed after 'text', I would like to obtain the cursor position as 12 i.e. the offset based on the text displayed irrespective of the underlying html.

I would like a control to accept durations in the format HH:MM, and persist as a number minutes (or maybe optionally fractional hours).  Something similar was suggested here (not by me):

http://www.telerik.com/forums/mobile-time-duration-picker

I have a time keeping application where user need to be able to enter summarize duration amounts on their timesheets, such as 8 hours of Holiday time (entered as "8:00").  It doesn't make sense to enter this as a time range.

We're accomplishing it now with a textbox, a masking library, and a bunch of fragile JS code, but I'd like a control that is natively build for this.