Declined
Last Updated: 17 Apr 2025 09:54 by ADMIN
Created by: Frank
Comments: 1
Category: UI for Blazor
Type: Bug Report
0

Hello,

I am currently reworking an old webapp with server-side Blazor and Telerik UI for Blazor. I noticed that TelerikDialogs kind of break the rerendering of child components if the TelerikDialog and all of its content are placed inside their own component:

<PageTitle>Home</PageTitle>

<EditWithDialog @ref="EditDialogInside"></EditWithDialog>

Where EditWithDialog is (basically) defined as follows:

<TelerikDialog @ref="Dialog" @bind-Visible="@Visible">
	<DialogTitle>
		Edit ID
	</DialogTitle>
	<DialogContent>
		<div>
			<div>TelerikDialog inside of component</div>
			<TelerikTextBox Value="@AppState.CustomerString" OnChange="@SetID" Width="300px"></TelerikTextBox>
			<TelerikButton OnClick="@GenerateID">Generate ID</TelerikButton>
		</div>
	</DialogContent>
	<DialogButtons>
		<TelerikButton OnClick="@ToggleVisible">Close</TelerikButton>
	</DialogButtons>
</TelerikDialog>

 

However, if the TelerikDialog is placed on a page and its content is placed inside of its own component, everything works as expected:

<PageTitle>Home</PageTitle>
<TelerikDialog @bind-Visible="@Visible">
	<DialogTitle>
		Edit ID
	</DialogTitle>
	<DialogContent>
		<div>
			<div>TelerikDialog outside of component</div>
			<EditWithoutDialog @ref="EditDialogOutside"></EditWithoutDialog>
		</div>
	</DialogContent>
	<DialogButtons>
		<TelerikButton OnClick="@ToggleEditOutside">Close</TelerikButton>
	</DialogButtons>
</TelerikDialog>

EditWithoutDialog.razor:

<TelerikTextBox Value="@AppState.CustomerString" OnChange="@SetID" Width="300px"></TelerikTextBox>
<TelerikButton OnClick="@GenerateID">Generate ID</TelerikButton>

I am using the state-container approach described here, but the problem persists when using two-way binding via parameters.

In this scenario, putting the dialog directly on the page is not a problem, but with larger applications where there's possibly multiple dialogs and a lot more content on one page, this can become very unwieldy and confusing. Considering Blazors emphasis on making components reusable, this also prevents proper use of a customized dialog component that uses the TelerikDialog as a base.

I have attached a small project that implements both versions on a single page for you to test. I have tested using both Edge and Firefox.

Unplanned
Last Updated: 17 Apr 2025 08:39 by ADMIN
Created by: Stefan
Comments: 5
Category: TextBox
Type: Feature Request
4

We have forms that starts with single text box input, all other inputs are either hidden or disabled. Based on the value of that input we load additional data from the server, show/enable the rest of the inputs and move the focus to the next unput. We react to the value in that first input either when the Enter key is pressed, or when the input loses focus e.g. tab-out of the input or click/tap on another input. One or the other but never both. This scenario should be handled by the OnChange event. However, the OnChange event fires twice, when the enter key is pressed and again when the text box loses focus. This results in double data retrieval (takes twice the time), screen flicker and creates unpleasant user experience.

The recommended workaround is to add second variable to track if the input actually changed and ignore consequent events for the same value. This has it’s own caveat. If for any reason the user wants to retrieve the related data from server again e.g. he was notified it has changed, then he cannot use the OnChange event anymore because the value hasn’t changed and the event will be ignored. So the user has to change the value twice.

 We found a second workaround, see code below. Blur the text box on enter and handle only the on OnBlur event to process the value. This way we can process the value repeatedly, the user presses enter or tab-out, then focus back on the same input and hit enter or tab-out and repeat as many times as desired.

 We propose OnEnter event to be added to the text box so we don’t have to handle @onkeypress on outer <div>. The <div> events are also not synchronized with the DebounceDelay parameter of the text box. We have to either set the DebounceDelay to 0 or introduce delay in the KeyHandler method. The text box has OnBlur event already but surprisingly there is no OnEnter event.

We also proposed BlurAsync() method that will eliminate the need to create the javascript function and invoke JSRuntime.

 <<< javascript function >>>
function blurInput(inputId) {

    const textField = document.getElementById(inputId);

    if (textField) {

        textField.blur();

    }

}

<<< Blazor >>>
@page "/"
 
@inject IJSRuntime JSRuntime

<PageTitle>Home</PageTitle>

<div @onkeydown="@(async (args) => await KeyHandler(args))">
    <TelerikTextBox id="txt1" Width="20rem" Placeholder="Pallet" DebounceDelay="0" @bind-Value="@_textInput" OnBlur="@OnInputBlur" />

</div>

<div>

    <TelerikTextBox @ref="_txtRef" Width="20rem" Placeholder="Pallet" />

</div>

@code
{

    private string? _textInput;

    private TelerikTextBox _txtRef = null!;

    private async Task KeyHandler(KeyboardEventArgs e)
    {

        if (e.Key == "Enter")

        {

            await JSRuntime.InvokeVoidAsync("blurInput", "txt1");

        }

    }

    private async Task OnInputBlur()
    {

        Console.WriteLine($"Bound variable: {_textInput}");

        await _txtRef.FocusAsync();

    }

}

}

Unplanned
Last Updated: 17 Apr 2025 08:38 by Stefan
Created by: Stefan
Comments: 0
Category: TextBox
Type: Feature Request
1
I want a BlurAsync() method similar to the standard input blur method.
Unplanned
Last Updated: 17 Apr 2025 07:53 by shalina
Created by: shalina
Comments: 0
Category: DockManager
Type: Feature Request
1

When unpinning a DockManager pane, the unpinned pane always collapses to the left. Need the ability to configure it to collapse to the right or top instead.

In the meantime, a possible alternative to position it to the right is to override the default theme styles with the following CSS approach:

<style>
    .unpin-to-right {
        display: flex;
        flex-direction: row-reverse;
    }
</style>

<TelerikDockManager Height="90vh" Class="unpin-to-right">
    <DockManagerPanes>

        <DockManagerSplitPane Orientation="@DockManagerPaneOrientation.Vertical"
                              Size="40%">
            <Panes>

                <DockManagerContentPane Size="55%" HeaderText="Pane 1.1">
                    <Content>
                        First Content Pane in Split configuration
                    </Content>
                </DockManagerContentPane>

                <DockManagerContentPane HeaderText="Pane 1.2">
                    <Content>
                        Second Content Pane in Split configuration
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>

        <DockManagerTabGroupPane>
            <Panes>

                <DockManagerContentPane HeaderText="Tab 2.1">
                    <Content>
                        First Tab Content
                    </Content>
                </DockManagerContentPane>

                <DockManagerContentPane HeaderText="Tab 2.2">
                    <Content>
                        Second Tab Content
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerTabGroupPane>
    </DockManagerPanes>

    <DockManagerFloatingPanes>
        <DockManagerSplitPane>
            <Panes>

                <DockManagerContentPane HeaderText="Floating Pane">
                    <Content>
                        Floating Pane Content
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>
    </DockManagerFloatingPanes>
</TelerikDockManager>

Unplanned
Last Updated: 16 Apr 2025 15:03 by Stephen
Created by: Stewart
Comments: 10
Category: Form
Type: Feature Request
14
I was surprised to find that FormGroup doesn't have a ColSpan
Unplanned
Last Updated: 16 Apr 2025 13:39 by Stefan

Example:

<PageTitle>Home</PageTitle>

<div>
    <TelerikTextBox Width="20rem" Placeholder="Pallet" DebounceDelay="1000" @bind-Value="@_textInput" OnChange="@(async (input) => await OnInputChanged(input))" />
</div>
<p>@_textInput</p>


@code {
    private string? _textInput;

    private async Task OnInputChanged(object input)
    {
        Console.WriteLine($"Immediate: function parameter: {input}, bound variable: {_textInput}");
        await Task.Delay(1000);
        Console.WriteLine($"Delayed: function parameter: {input}, bound variable: {_textInput}");
        //Make the OnChange event receive the immediate value when the DebounceDelay is set
    }
}

The DebounceDelay is set to 1 second to highlight the behavior, although we have observed it with delays less than 100 milliseconds when the input is from a barcode scanner and the Enter is part of the scan. Start the sample, type "123" in the input, and hit enter within 1 second.

The output in the console is:
Immediate: function parameter: , bound variable:
Delayed: function parameter: , bound variable: 123

Unplanned
Last Updated: 16 Apr 2025 11:40 by ADMIN
Created by: Christian
Comments: 2
Category: Charts
Type: Feature Request
1

Currently, the TelerikChartBreadcrumb does not allow specifying how the Breadcrumb items are visualized when their total width exceeds the width of the component.

A possible alternative to achieve the same result is to override the default theme styles with the following CSS rule:

.k-breadcrumb-container {
    flex-flow: row wrap;
}

Here is a REPL example to see the result of the above CSS approach - https://blazorrepl.telerik.com/GTOyPYbG23PugZBQ36

Declined
Last Updated: 16 Apr 2025 11:28 by ADMIN

Hi there,

I have a TelerikGrid with a DateTime column. I use a custom FilterEditorFormat which is localizable depending on the user settings, e.g. "dd/MM/yyy HH:mm:ss". Unfortunately, any '/' in the date component is always replaced by the current culture's DateSeparator. Using any other separator works, e.g. '-'. 

Expectation: Use the FilterEditorFormat without modification, unless it's a standard format string like "g" or "D".

I already traced it down to Telerik's FormatHelper class and it seems like a quick fix.

Steps to reproduce:

  • Create a TelerikGrid with a DateTime column and a FilterEditorFormat as shown above.
  • If required, change the DateSeparator to anything else but '/'.
  • Run and open the filter dialog

Please let me know if you need any additional information.

Best regards

Andreas

Completed
Last Updated: 16 Apr 2025 10:52 by ADMIN
Release 2025 Q2 (May)
Created by: Evan
Comments: 1
Category: PDFViewer
Type: Bug Report
2

Related to PDF Viewer does not display editable Acro fields, which was fixed in version 8.0, but the problem with readonly Acro fields persisted.

This is a regression in version 7.0.0. Version 6.2.0 displays all the acro field values as expected.

Unplanned
Last Updated: 16 Apr 2025 10:36 by ADMIN
Created by: Rahul
Comments: 3
Category: FileManager
Type: Feature Request
24
Currently, the FileManager Grid has 3 columns -  Name, Date Created, and File Size. I would like to be able to customize them, i.e. add/remove columns
Unplanned
Last Updated: 16 Apr 2025 10:19 by ADMIN
Created by: Nathan
Comments: 0
Category: PDFViewer
Type: Feature Request
3
I'm wondering if there is any plan to implement a URL as an option for loading in a PDF.  I want to be able to display PDFs that are hosted in a Sharepoint drive by URL without having to download a PDF into memory every time.  I know there are viewers that can do this, but I'm just wondering if I'm missing something with Telerik, or if I need to go with a different solution.
Duplicated
Last Updated: 16 Apr 2025 07:49 by ADMIN
Created by: Nathan
Comments: 2
Category: UI for Blazor
Type: Feature Request
1
I would be very helpful if the Window and Dialog components had a "CloseOnEsc" Boolean Parameter that would control what would happen if the Esc key was pressed while the dialog is visible.
Completed
Last Updated: 16 Apr 2025 07:49 by ADMIN
Currently, Telerik UI for Blazor offers two components that address different interface needs: the SplitButton, which provides a primary action with a dropdown of secondary actions, and the FloatingActionButton, which enables a floating UI element for a single prominent action. While both serve their roles well, there is no built-in option that combines the floating behavior of the FAB with the dropdown structure of the SplitButton. This leaves a gap in scenarios where a floating control with both a primary and expandable set of actions is needed, especially in mobile-first designs. While it’s technically possible to mimic this with CSS, the result is less reliable and lacks the flexibility and structure of a native solution. A combined FloatingSplitButton component would allow developers to build consistent, responsive interfaces that benefit from built-in theming, safe area awareness, and popup templates without complex workarounds.
Declined
Last Updated: 16 Apr 2025 06:50 by Meindert
Created by: Stefan
Comments: 2
Category: PivotGrid
Type: Feature Request
2

hello

please add support for bind pivotgrid to datatable or expando objects (local mode)

Completed
Last Updated: 16 Apr 2025 06:16 by ADMIN
Release 2025 Q2 (May)
Created by: Michael
Comments: 14
Category: Window
Type: Feature Request
25

It would be nice to be able to configure a show/hide animation for windows.

ADMIN EDIT: This might include a form of a Shown event so that you could know when the content is rendered and available to, for example, focus a button or input. For more details see here

Completed
Last Updated: 15 Apr 2025 13:20 by ADMIN
Release 2025 Q2 (May)
Since version 7.0.0, if you show a Popover for each Grid row, upon sorting/paging, the Popover displays with the incorrect association.
Completed
Last Updated: 15 Apr 2025 13:13 by ADMIN
Release 2025 Q2 (May)
Created by: Naveed
Comments: 8
Category: MultiSelect
Type: Feature Request
68

Like https://docs.telerik.com/blazor-ui/components/combobox/custom-value and https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/custom-values/ so the user can input tags on their own without them being in the app data source.

---

ADMIN EDIT

The following sample may be useful in implementing this in the meantime: https://github.com/telerik/blazor-ui/tree/master/multiselect/add-new-item

---

Planned
Last Updated: 14 Apr 2025 08:46 by ADMIN
Scheduled for 2025 Q2 (May)
Created by: Miroslav
Comments: 0
Category: PDFViewer
Type: Bug Report
2

Trying to upload a large file from a mobile device breaks the component.
Step to reproduce:

  1. Open this REPL example on a mobile device
  2. Click the "Load Data" button.

The issue can be reproduced only in version 8.0.0

Planned
Last Updated: 14 Apr 2025 04:46 by ADMIN
Scheduled for 2025 Q2 (May)
Created by: Scott
Comments: 0
Category: PDFViewer
Type: Bug Report
2

Rebinding the PDF Viewer multiple times leads to an ever increasing memory usage, which can ultimately cause a browser crash.

The issue started with Telerik UI for Blazor version 8.0.0 and does not occur in 7.1.0.

Test Page: https://blazorrepl.telerik.com/QTayOxvQ090qYPsb50

 

Need More Info
Last Updated: 11 Apr 2025 15:52 by ADMIN

Please consider altering or providing configuration for how DateTime values are formatted in filter expressions generated by ToDataSourceRequest(). Currently, the format includes full precision (e.g., 2025-04-04T00:00:00.0000000), which causes issues when passed to Entity Framework Core with SQL Server, as SQL Server expects precision up to milliseconds (.fff), not ticks (.fffffff).

Why This Is a Problem

  • When passing filter expressions from ToDataSourceRequest() directly into a LINQ-to-EF query, the resulting SQL query fails if the DateTime string has 0000000 (7 digits of precision).
  • SQL Server’s datetime and datetime2 types don’t support nanosecond-level precision.
  • EF Core attempts to translate it, but fails with SQL conversion errors

 

1 2 3 4 5 6