Hello,

We've come across a bug. It seems as whatever tool button(s) that should be selected is not shown correctly. It appears to show the previously selected.

Repro steps:

1. Write two different formatted texts on separate lines in your Editor component.
2. Move the cursor to the first line
3. Move the cursor to the second line that has a different formatted text. Note that the tool button for the formatted text on the first line is shown as selected.
   
   This should happen:
   

Is this an intended behaviour? Our users are confused :)

/Patrik

Description

Image is not uploaded in 2 scenarios on Chrome for Android 16.

Steps To Reproduce

On a device with Android go to https://demos.telerik.com/blazor-ui/upload/validation

Case 1:

1. Tap on the "Select files..." button in the Upload Image TelerikUpload
2. Choose Camera and take a photo.
3. Choose Retry and take another photo.
4. Tap Ok

Case 2:

1. Tap on the "Select files..." button in the Upload Image TelerikUpload
2. Choose "Photos and Videos".
3. Preview the image
4. From the image preview, go back to the list of images and select the image you've just previewed

Actual Behavior

In both cases the image is not uploaded.

Expected Behavior

The image is uploaded

Browser

Chrome

Last working version of Telerik UI for Blazor (if regression)

No response

When displaying the LoaderContainer spinner overlay, the visual blocking works correctly (the spinner appears over the entire page). However, users can still navigate through interactive elements behind the loader using the keyboard — for example, by pressing Tab or Shift+Tab.

They can even trigger buttons or input actions using the Space or Enter keys while the loader is active.

Description

Regression that is observed in version 11.2.0. The system time should be at least 55 minutes past the hour (e.g., 13:55 or 14:57).

Related to: #12372

Steps To Reproduce

1. Set the time on your machine to 55 past the hour, e.g., 13:55.
2. Open a new instance of Chrome and navigate to https://blazorrepl.telerik.com/mpvYQQlw54P2j07S42
3. Run the example
4. Click in the clock icon in the picker, to open its dropdown.
5. Click the Set button.

Actual Behavior

The TimePicker ignores the highlighted minutes part (45) and sets the minutes to 00. For example, if your current system time is 13:55, clicking the Set button will set the value to 13:00.

Expected Behavior

The highlighted minutes should be set in the value. For example, if your current system time is 13:55, clicking the Set button should set the value to 13:45.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

Description

The AdaptiveToolBar does not display all items in the overflow section (more buttons) when there are Buttons with Visibility set to false.

Reproduction (if bug)

1. Run the REPL snippet

2. Shrink the window size so that the toolbar is narrower and some buttons are hidden

3. Open the Overflow list

4. Refresh and Refresh All buttons are missing from the list

Current (if bug)

Buttons with Visible=false parameter should not affect the overflowed button collection.

Expected (if bug)

All buttons that are Visible=true and overflowed should be available in the more buttons section.

Browser (if bug)

All

Project type (if bug)

All

I want to add more fields to the scheduler create/edit popup. Currently, this is possible by creating a custom edit form. However, this customization would be easier if the Scheduler exposed a Popup Form Template similar to the Grid.

===

ADMIN EDIT

===

A necessary prerequisite for exposing this is to first add a State feature in the Scheduler. This will allow programmatic control over the edited item.

Hello,

I have a question regarding the persistence of content when blazor splitter panes are collapsed and expanded.

Please refer to the attached project to see the issue that I'm having.

Regards,

Gerard

Hi !

I tried using the combobox but, since my datasource is too big and I need grouping, therefore virtualization is not possible, I need to do the filtering on the server side, using the OnRead method to fetch my data based on what the user has entered in the input field. The problem is that the client side filtering is always active and I can't reproduce the same type of filtering I do server side on the client side and I lose some results. I think it would be really nice if we could specify to not filter client side or something like that, to give us more control.

Thank you very much !

The PivotGrid layout and cell alignment break when filtering expanded child columns by a value that exists only in some of the columns.

Here is a test page:

1. Expand 2024 and 2025.
2. Filter Month by a month name, which exists only in on the of two years. At the time of writing, this is "November".
3. Observe how the first cell in the header row has a larger colspan (2 instead of 1), so the header cells are misaligned with the data cells.

<TelerikPivotGridContainer>
    <TelerikPivotGridConfiguratorButton></TelerikPivotGridConfiguratorButton>
    <TelerikPivotGridConfigurator></TelerikPivotGridConfigurator>
        <TelerikPivotGrid Data="@PivotGridData" DataProviderType="@PivotGridDataProviderType.Local"
                          @ref="PivotGridRef" ColumnHeadersWidth="100px" RowHeadersWidth="130px">
            <ColumnHeaderTemplate>
                @{
                    var ctx = (PivotGridColumnHeaderTemplateContext)context;
                    int underscoreIndex = ctx.Text.IndexOf("-");
                    string text = ctx.Text;
                    if (underscoreIndex > 0)
                    {
                        text = text.Replace(text.Substring(0, underscoreIndex + 1), "");
                        <span>@text</span>
                    }
                    else
                    {
                        <span>@ctx.Text</span>
                    }
                }
            </ColumnHeaderTemplate>

            <DataCellTemplate Context="dataCellContext">
                @{
                    var c = (PivotGridDataCellTemplateContext)dataCellContext;
                    var amt = c.Value == null ? (0m).ToString("C2") : ((decimal)c.Value).ToString("C2");
                }
                <div style="text-align: right;">
                    @amt
                </div>
            </DataCellTemplate>

            <PivotGridRows>
                <PivotGridRow Name="@nameof(PivotGridModel.Station)" Title="Station" />
            </PivotGridRows>

            <PivotGridColumns>
                <PivotGridColumn Name="@nameof(PivotGridModel.Year)" Title="Year" HeaderClass="year-header" />
                <PivotGridColumn Name="@nameof(PivotGridModel.MonthName)" Title="Month" />
            </PivotGridColumns>

            <PivotGridMeasures>
                <PivotGridMeasure Name="@nameof(PivotGridModel.Rate)" Title="Total"
                                  Aggregate="@PivotGridAggregateType.Sum" />
            </PivotGridMeasures>
        </TelerikPivotGrid>
</TelerikPivotGridContainer>

@code
{
    private TelerikPivotGrid<PivotGridModel>? PivotGridRef { get; set; }

    private List<PivotGridModel> PivotGridData { get; set; } = new();

    protected override async Task OnInitializedAsync()
    {
        var dataItemCount = 10000;
        var stationCount = 30;
        var rnd = Random.Shared;

        for (int i = 1; i <= dataItemCount; i++)
        {
            var stationNumber = rnd.Next(1, stationCount);

            PivotGridData.Add(new PivotGridModel()
            {
                Station = $"Station {stationNumber}",
                ContractMonth = DateTime.Today.AddMonths(-rnd.Next(0, 13)),
                Rate = rnd.Next(123, 987) * 1.23m
            });
        }

        PivotGridRef?.Rebind();

        await base.OnInitializedAsync();
    }

    public class PivotGridModel
    {
        public DateTime ContractMonth { get; set; }
        public int Year => ContractMonth.Year;
        public int Month => ContractMonth.Month;
        public string MonthName => $"{Month}-{ContractMonth.ToString("MMMM")}";
        public string Station { get; set; } = string.Empty;
        public decimal? Rate { get; set; }
    }
}

Description

Affected components: those inheriting from TelerikInputBase (e.g., TelerikDatePicker). When an exception is thrown inside an async Task event handler for the OnChange, OnBlur, OnOpen, and ValueChanged events, the exception is completely and silently swallowed. The exception is not caught by ErrorBoundary.

Related: #6333, #12364

Steps To Reproduce

1. Use a standard ErrorBoundary in MainLayout.razor.

<ErrorBoundary>
    <ChildContent>
        @Body
    </ChildContent>
    <ErrorContent>
        <p class="error">An unhandled error has occurred.</p>
    </ErrorContent>
</ErrorBoundary>

2. Declare a TelerikDatePicker and bind an async Task method to the ValueChanged or OnChange event.

<TelerikDatePicker Value="@DatePickerValue"
                   ValueChanged="@((DateTime inputDate) => OnDatePickerValueChanged(inputDate))">
</TelerikDatePicker>


<TelerikButton OnClick="@(() => throw new Exception("Exception from button"))">Click to test ErrorBoundary</TelerikButton>

@code {
    private DateTime DatePickerValue { get; set; } = DateTime.Today;

    private async Task OnDatePickerValueChanged(DateTime newValue)
    {
        throw new InvalidOperationException("This exception should be caught by the ErrorBoundary!");
    }
}

3. Run the page and select a date in the DatePicker.

Actual Behavior

The exception thrown in the OnDatePickerValueChanged event handler is not caught by ErrorBoundary.

Expected Behavior

The exception thrown in the OnDatePickerValueChanged event handler is caught by ErrorBoundary.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

Description

Affected components: those inheriting from TelerikSelectBase (e.g., TelerikDropDownList, TelerikComboBox, TelerikMultiSelect, TelerikAutoComplete). When an exception is thrown inside an async Task event handler for the OnChange, OnBlur, OnOpen, and ValueChanged events, the exception is completely and silently swallowed. The exception is not caught by ErrorBoundary.

Related: #6333

Steps To Reproduce

Steps to Reproduce

1. Use a standard ErrorBoundary in MainLayout.razor.

<ErrorBoundary>
    <ChildContent>
        @Body
    </ChildContent>
    <ErrorContent>
        <p class="error">An unhandled error has occurred.</p>
    </ErrorContent>
</ErrorBoundary>

2. Declare a TelerikDropDownList and bind an async Task method to the ValueChanged or OnChange event.

<TelerikDropDownList 
    Data="@DropDownData"                  
    ValueChanged="@( (int newValue) => OnDropDownValueChanged(newValue))"       
    TextField="@nameof(TestItem.Name)"
    ValueField="@nameof(TestItem.Id)" />

<TelerikButton OnClick="@(() => throw new Exception("Exception from button"))">Click to test ErrorBoundary</TelerikButton>

@code {
    private int? SelectedDropDownValue;

    private List<TestItem> DropDownData = new()
    {
        new() { Id = 1, Name = "Select me to throw exception" },
    };

    private async Task OnDropDownValueChanged(int newValue)
    {
        throw new InvalidOperationException("This exception should be caught by the ErrorBoundary!");
    }

    public class TestItem
    {
        public int Id { get; set; }
        public string Name { get; set; } = string.Empty;
    }
}

3. Run the page and select the item in the DropDownList's list.

Actual Behavior

The exception thrown in the OnDropDownValueChanged event handler is not caught by ErrorBoundary.

Expected Behavior

The exception thrown in the OnDropDownValueChanged event handler is caught by ErrorBoundary.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

It would be nice to be able to customize the comparer used to display data in a specific order.

I think by default it uses a simple alphabetic comparison

But we have a lot of data using alpha and numeric information like:

• Label1
• Label2
• ...
• Label100

And the user wants data in the numeric order, so we often implement our own comparer everywhere for it to work.

The PivotGrid doesn't seem to provide a way to customize the order of data even with a provider Local, ordering the source in a specific way before giving it to the component doesn't work either.

Thanks
Thomas