Hi,

After updating to the 2026.2.519 version, the icons for the date and time pickers are shifted a few pixels down. When clicked, a black rectangle appears around them, which, as you can see, it is truncated at the bottom. This is using the Bootstrap skin.

When using a RadDropDownTree with CheckBoxes="CheckChildNodes" , setting CheckChildNodes="false" has no effect.

<telerik:RadDropDownTree ID="DdtDpt" runat="server" CheckBoxes="CheckChildNodes" CheckChildNodes="false" CheckNodeOnClick="true" 
    DataFieldParentID="pid" DataFieldID="id" DataTextField="name" DataValueField="id" Width="350px">
</telerik:RadDropDownTree>

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DdtDpt.DataSource = GetDummyDepartments();
        DdtDpt.DataBind();
    }
}

private List<Department> GetDummyDepartments()
{
    return new List<Department>
    {
        new Department { id = 1, pid = null, name = "Head Office" },
        new Department { id = 2, pid = 1, name = "HR" },
        new Department { id = 3, pid = 1, name = "IT" },
        new Department { id = 4, pid = 3, name = "Development" },
        new Department { id = 5, pid = 3, name = "Support" },
        new Department { id = 6, pid = null, name = "Branch Office" },
        new Department { id = 7, pid = 6, name = "Sales" },
        new Department { id = 8, pid = 6, name = "Logistics" }
    };
}


public class Department
{
    public int id { get; set; }
    public int? pid { get; set; }
    public string name { get; set; }
}

If one opens a dialog/window containing a RadSignature-control and resizes the dialog (e.g. make it twice as large) then the position of the cursor on the canvas does not match the position of the strokes anymore. Painting in the top-left corner is sort of okay/close, but the further one moves the cursor towards the bottom-right, the bigger the offset will be.

RadAsyncUpload "Drop Files here" element remains visible when dragging a file quickly over and out of the DragZone

Replicable in File Upload with Drag and Drop live demo.

Drag a file quickly through the DragZone without dropping it. The "Drop Files Here" element is shown but doesn't get hidden when the mouse leaves the DragZone (ondragleave).

Dear staff I know this post

https://www.telerik.com/support/code-library/detecting-changes-to-the-radeditor

But in any case the component RadEditor have the method 'OnTextChanged' in the client side.

Probably, id it doesn't works, is better to remove it.

Thanks

Renato

Hi Team,

I would like to request the following image file extensions to be displayable using the RadEditor's ImageManager/DocumentManager.  

• abci
• avif
• heif
• heic
• webp

Thank you!

When both Telerik TreeMap and Kendo UI Heatmap are placed on the same page, the Kendo scripts are failing with the following exception:

Uncaught TypeError: Cannot read properties of undefined (reading '0')

There is significant latency when a user has many images in a list or dropdown list, particularly those with sub-choices that also have images.  Because of this, we tried implementing design-time templates to allow lazy loading of images for ListBox and ComboBox.  While implementing a solution is possible, it was much more complicated than expected.

One specific problem we encountered was that when using a template, the ListBox wraps its internal label in a span (which the ComboBox doesn't do).  This results in problems with data-binding (requiring an item-by-item solution) and requires specialized css to handle.  Even after the basic solution was working, sub-choices still had a problem accessing text and image data.  This could be solved with a custom frontend runtime template, but it was not an elegant solution.

Our feature request is for lazy loading to be an option for images for the ListBox and ComboBox.  This would significantly improve the user experience with long lists and drop-downs. 

Hi, I would like to request that you add the ability to show/hide a hidden password similar to this: https://www.telerik.com/support/kb/aspnet-ajax/textbox/details/showpassword-button-for-radtextbox-with-textmode-password

This feature should be built into the toolkit, and not require custom coding.

I am currently using the Radeditor "Insert Table" function. I would like this to allow user to auto adjust columns and rows live just like the following demo. https://demos.telerik.com/aspnet-mvc/editor.  I have disable the table wizard and table properties, so user will not be able to mess with this extra stuff. In the Capture.PNG is what I currently have. I would like to have the Want.PNG picture. 

Repro steps: 
- use the editor below and the attached Word document in the archive at the end
- copy the document content in the editor
- clean the word formatting
- select some of the content (e.g., one paragraph)
- click the format stripper dropdown and choose Strip Span Elements
- run get_html(true) in the console

Expected: spans are stripped only from the selected content

Actual: nothing is stripped. Changing to HTML mode and back to Design fixes this, so you should not use that to check the HTML

        <telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1">
            <Tools>
                <telerik:EditorToolGroup>
                    <telerik:EditorTool Name="FormatStripper" />
                </telerik:EditorToolGroup>
            </Tools>
        </telerik:RadEditor>


WORKAROUNDS:

For the majority of cases you can set up automatic stripping of span elements when pasting from Word, so your users do not need to do that themselves. Here is an example:

<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
    StripFormattingOptions="ConvertWordLists, MSWordNoMargins, Span">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

You can read more on how stripping MS Word content works in the following demo, and play around with the various options to see what works best for your case: http://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx and in the following documentation article: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/managing-content/pasting-content/clean-ms-word-formatting

There are also two possible code workarounds so advanced users can retain more control over the HTML without switching to the HTML mode themselves.
The second is likely to be a tad faster with large content, but the first is likely to produce better user experience.

1) this changes the mode to HTML and back to design with each paste so that the stripping tool can work with the selection


<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
     OnClientCommandExecuted="OnClientCommandExecuted">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
<script>
    function OnClientCommandExecuted(sender, args) {
        if (args.get_commandName() == "Paste") {
            sender.set_mode(2);
            setTimeout(function () {
                sender.set_mode(1);
            }, 50);
        }
    }
</script>

2) this one is a workaround that allows the stripping tool to work without mode change, but it will not operate with the selection but with all the content


<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
     OnClientCommandExecuting="OnClientCommandExecuting">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
<script>
    function OnClientCommandExecuting(sender, args) {
        if (args.get_commandName() == "StripSpan") {
            sender.set_html(sender.get_html(true));
        }
    }
</script>

Issue on Tabstrip tabs.  I am working on ADA 508 Compliance issues.  The screen reader (NVDA) is not reading the text on the tabs.  I have tried applying the options highlighted below but nothing is working

Code to replicate the issue:

<telerik:RadTabStrip RenderMode="Lightweight" ID="RadTabStrip1" runat="server" SelectedIndex="0">
    <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
    <Tabs>
        <telerik:RadTab Text="Examples">
        </telerik:RadTab>
        <telerik:RadTab Text="Configurator">
        </telerik:RadTab>
        <telerik:RadTab Text="Quick Start">
        </telerik:RadTab>
        <telerik:RadTab Text="Help">
        </telerik:RadTab>
        <telerik:RadTab Text="Purchase">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

I have enabled aria settings for the treeview control, but when I am trying to navigate via key board it announces some thing like  {level} {selected value/text} {checked/not checked} or {selected value/text} {checked/not checked} {level},

I don't want {checked/not checked}, to be announced.

It seems the element somehow considmes the scrolling/touch action and the grid does not scroll unless you hit the gap where the custom element does not reach.

A workaround is to enforce overflow: auto to the scrollable element of the grid. A sample is attached below.

        div.rgDataDiv {
            overflow: auto !important;
        }

The problem is that when you click the buttons, the RadDateRangePicker is filled with the start of 2025-06-01 and the end of 2025-06-30. Then, when you click the button again, a change should occur in the RadDateRangePicker: start of 2025-07-01 and end of 2025-07-31.


1 step => correct

2 step => incorrect


Result
The first time you click the button, it returns the start date to 06/01/2025 and the end date to 06/30/2025 (this is correct). Clicking it again returns the start date to 06/30/2025 and the end date to 07/31/2025 (this is incorrect).

Work around
 - Local page
js code fixed 

const datepicker = $find('<%= radDateRangePicker2.ClientID %>');

datepicker.set_rangeSelectionStartDate(null);
datepicker.set_rangeSelectionEndDate(null);

- Global fixed All controls
C# in extension control 

public bool EnableDateResetting
{
    get => ViewState["EnableDateResetting"] as bool? ?? false;
    set => ViewState["EnableDateResetting"] = value;
}

public eDateRangePicker() : base()
{
	Load += EDateRangePicker_Load;
}

private void EDateRangePicker_Load(object sender, EventArgs e)
{
    if (EnableDateResetting)
    {
        RegisterDateResettingScript();
    }
}

private void RegisterDateResettingScript()
{
	string script = $@"
		Sys.Application.add_load(function() {{
			const picker = $find('{ClientID}');

			if (picker) {{
				const origStart = picker.set_rangeSelectionStartDate;
				const origEnd = picker.set_rangeSelectionEndDate;

				picker.set_rangeSelectionStartDate = function(date) {{
					if (date !== null && !this._isResetting) {{
						const currentStart = this.get_rangeSelectionStartDate();
						const currentEnd = this.get_rangeSelectionEndDate();
                
						if (currentStart || currentEnd) {{
							this._isResetting = true;

							origStart.call(this, null);
							origEnd.call(this, null);

							this._isResetting = false;
						}}
					}}

					return origStart.call(this, date);
				}};

				picker.set_rangeSelectionEndDate = function(date) {{

					return origEnd.call(this, date);
				}};
			}}
		}});
	";

    ScriptManager.RegisterStartupScript(this, GetType(), $"DateResetting_{ClientID}", script, true);
}