When downloading files via the TelerikPdfViewer bytes are added before and after the PDF Dokument.
Browsers are able to show the documents but you get and error message if you try to open the downloaded document in Acrobar Reader or in a DMS.
The document attached was download from the demo on your web site.
The issue is reproducible when the `AllowCustom` parameter is set to `true`.
Typing rapidly in the input field of the MultiColumnComboBox component causes the entered text to blink. Also, some of the inserted symbols are cleared.
Reproduction (if bug)
Open this demo: https://demos.telerik.com/blazor-ui/multicolumncombobox/custom-values
Try to input text rapidly into the input field.
If a Chart is recreated at runtime and the mouse cursor is over the component, a JavaScript error may occur:
Error: Microsoft.JSInterop.JSException: null is not an object (evaluating 'e.top')
A possible workaround is to delay the Chart tooltip initialization a little:
<TelerikDrawer Data="@NavigablePages" Expanded="true" MiniMode="true" Mode="@DrawerMode.Push">
<DrawerContent>
<TelerikGridLayout>
<GridLayoutItems>
<GridLayoutItem Column="1">
<TelerikCard Width="300px" Height="400px">
<CardHeader>
<CardTitle>CARD 1</CardTitle>
</CardHeader>
<CardBody>
@if (IsLoading)
{
<span style="height:100%">...loading...</span>
}
else
{
<TelerikChart Transitions=@false>
<ChartSeriesItems>
<ChartSeries Type="ChartSeriesType.Donut" Data="@donutData"
Field="@nameof(MyDonutChartModel.SegmentValue)" CategoryField="@nameof(MyDonutChartModel.SegmentName)">
<ChartSeriesTooltip Visible="@IsChartTooltipVisible" Background="#222731" Color="#FFFFFF">
<Template>
@((context.DataItem as MyDonutChartModel)?.Tooltip)
</Template>
</ChartSeriesTooltip>
</ChartSeries>
</ChartSeriesItems>
</TelerikChart>
}
</CardBody>
</TelerikCard>
</GridLayoutItem>
<GridLayoutItem Column="2">
<TelerikCard Width="300px" Height="400px">
<CardHeader>
<CardTitle>CARD 2</CardTitle>
</CardHeader>
<CardBody>
<TelerikButton OnClick="@OnClickHandler">REFRESH CHART</TelerikButton>
</CardBody>
</TelerikCard>
</GridLayoutItem>
</GridLayoutItems>
</TelerikGridLayout>
</DrawerContent>
</TelerikDrawer>
@code{
public bool IsLoading { get; set; } = false;
public bool IsChartTooltipVisible { get; set; } = true;
private async Task OnClickHandler()
{
IsLoading = true;
IsChartTooltipVisible = false;
// Simulate API call
await Task.Delay(2000);
IsLoading = false;
// Force the Chart to render
StateHasChanged();
// Delay the Chart Tooltip initialization
await Task.Delay(100);
IsChartTooltipVisible = true;
}
List<DrawerItem> NavigablePages { get; set; } = new List<DrawerItem>
{
new DrawerItem { Text = "Home", Icon = SvgIcon.Home }
};
public class DrawerItem
{
public string Text { get; set; }
public ISvgIcon Icon { get; set; }
}
public class MyDonutChartModel
{
public string SegmentName { get; set; }
public double SegmentValue { get; set; }
public string Tooltip { get; set; }
}
public List<MyDonutChartModel> donutData = new List<MyDonutChartModel>
{
new MyDonutChartModel
{
SegmentName = "Product 1",
SegmentValue = 2,
Tooltip = "Tooltip 1"
},
new MyDonutChartModel
{
SegmentName = "Product 2",
SegmentValue = 3,
Tooltip = "Tooltip 2"
},
new MyDonutChartModel
{
SegmentName = "Product 3",
SegmentValue = 4,
Tooltip = "Tooltip 3"
}
};
}
There is a bug with clear button in TelerikNumericTextBox. Steps to reproduce:
- enter value
- click on clear btn. to clear value
- click outside input
- click on input, at this point value appears again
code:
<TelerikNumericTextBox @bind-Value="@Price1" ShowClearButton=true/>
<p>Price: @Price1</p>
@code {
private decimal? Price1 { get; set; }
}Here is a short demo:
The PdfViewer GetFileAsync() method works in version 11.3.0, but only if the PDF Viewer loads a file by default. If the component renders blank and the user opens a file first, then the method still doesn't work and returns null.
Test page: https://blazorrepl.telerik.com/cpvuGQby16J4JlsE42
<p>Load a PDF file from your computer in both PDF Viewers and click the buttons.</p>
<strong>@TestResult</strong>
<br /><br />
<TelerikButton OnClick="@OnLoadButtonClick1" ThemeColor="@ThemeConstants.Button.ThemeColor.Primary">Get Current PDF 1</TelerikButton>
<TelerikPdfViewer @ref="@PdfViewerRef1"
Data="@PdfViewerData1"
AnnotationMode="@PdfViewerAnnotationMode.EnableForms"
Height="400px">
</TelerikPdfViewer>
<TelerikButton OnClick="@OnLoadButtonClick2" ThemeColor="@ThemeConstants.Button.ThemeColor.Primary">Get Current PDF 2</TelerikButton>
<TelerikPdfViewer @ref="@PdfViewerRef2"
Data="@PdfViewerData2"
AnnotationMode="@PdfViewerAnnotationMode.EnableForms"
Height="400px">
</TelerikPdfViewer>
@code {
#nullable enable
private TelerikPdfViewer? PdfViewerRef1 { get; set; }
private TelerikPdfViewer? PdfViewerRef2 { get; set; }
private byte[]? PdfViewerData1 { get; set; }
private byte[]? PdfViewerData2 { get; set; }
private string TestResult { get; set; } = string.Empty;
private async Task OnLoadButtonClick1()
{
var pdfSource = await PdfViewerRef1!.GetFileAsync();
TestResult = $"First PDF Viewer GetFileAsync() returned {pdfSource} at {DateTime.Now.ToString("HH:mm:ss")}";
}
private async Task OnLoadButtonClick2()
{
var pdfSource = await PdfViewerRef2!.GetFileAsync();
TestResult = $"Second PDF Viewer GetFileAsync() returned {(pdfSource != null ? pdfSource.ToString() : "null")} at {DateTime.Now.ToString("HH:mm:ss")}";
}
protected override void OnInitialized()
{
PdfViewerData1 = Convert.FromBase64String(PdfBase64);
}
private const string PdfBase64 = "JVBERi0xLjEKMSAwIG9iajw8L1R5cGUvQ2F0YWxvZy9QYWdlcyAyIDAgUj4+ZW5kb2JqCjIgMCBvYmo8PC9UeXBlL1BhZ2VzL0tpZHNbMyAwIFJdL0NvdW50IDEvTWVkaWFCb3ggWy0zMCAtNjQgMjcwIDgwXSA+PmVuZG9iagozIDAgb2JqPDwvVHlwZS9QYWdlL1BhcmVudCAyIDAgUi9SZXNvdXJjZXM8PC9Gb250PDwvRjE8PC9UeXBlL0ZvbnQvU3VidHlwZS9UeXBlMS9CYXNlRm9udC9BcmlhbD4+ID4+ID4+L0NvbnRlbnRzIDQgMCBSPj5lbmRvYmoKNCAwIG9iajw8L0xlbmd0aCA1OT4+CnN0cmVhbQpCVAovRjEgMTggVGYKMCAwIFRkCihQREYgRmlsZSAuLi4pIFRqCkVUCmVuZHN0cmVhbQplbmRvYmoKeHJlZgowIDUKMDAwMDAwMDAwMCA2NTUzNSBmCjAwMDAwMDAwMjEgMDAwMDAgbgowMDAwMDAwMDg2IDAwMDAwIG4KMDAwMDAwMDE5NSAwMDAwMCBuCjAwMDAwMDA0OTAgMDAwMDAgbgp0cmFpbGVyIDw8ICAvUm9vdCAxIDAgUiAvU2l6ZSA1ID4+CnN0YXJ0eHJlZgo2MDkKJSVFT0Y=";
}
Description
After the user selects a color in the color tools, the popup does not close automatically. The user has to click on the Editor's toolbar for the popup to close.
Steps To Reproduce
- Run this example: https://blazorrepl.telerik.com/GTYXPsFv59loxN7v37
- Highlight a word in the Editor's content and use the color tools. Change either the text color or the background color.
Actual Behavior
After selecting a color, the color tool's popup remains open.
Expected Behavior
The color tool's popup closes.
Browser
All
Last working version of Telerik UI for Blazor (if regression)
No response
Description
Regression introduced in version 10.0.0. The TimePicker's value must be null initially and the system time should be at least 55 minutes past the hour (e.g., 13:55 or 14:57).
Steps To Reproduce
- Set the time on your machine to 55 past the hour, e.g., 13:55.
- Open a new instance of Chrome and navigate to https://blazorrepl.telerik.com/mpFEYBOi12ooskUK19
- Run the example
- Click in the clock icon in the picker, to open its dropdown.
- Click the Set button.
Actual Behavior
The following error is thrown:
Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Hour, Minute, and Second parameters describe an un-representable DateTime.
System.ArgumentOutOfRangeException: Hour, Minute, and Second parameters describe an un-representable DateTime.
Expected Behavior
No error is thrown and the time that is automatically highlighted in the dropdown is set, after clicking the "Set" button.
Browser
All
Last working version of Telerik UI for Blazor (if regression)
9.1.0
Hello,
I’ve run into a reproducible issue with the Blazor Grid in Adaptive mode. After the grid adapts to a smaller container and then the container is expanded again, the data rows scroll while the header remains fixed, so the header and data become detached.
I’m attaching three screenshots that show the sequence:
- 01.png — Grid in normal (non-adaptive) state.
- 02.png — After shrinking the container until the grid switches to Adaptive.
- 03.png — After expanding the container again; scrolling the grid shows the header no longer tracks with the data.
Steps to reproduce
- Open the REPL I’m providing: [REPL link here].
- Shrink the container (e.g., resize the pane/window) until the grid switches to Adaptive mode.
- Expand the container back to a larger width so the grid returns to its standard table view.
- Scroll the grid using the scrollbar/slider: the body content scrolls, but the header stays static and is no longer aligned with the data.
Expected behavior
Header and data remain synchronized—when the grid is scrolled horizontally/vertically, both header and rows should scroll together.
Actual behavior
After returning from Adaptive to the standard layout, the header does not move with the rows when scrolling; it appears “detached”.
Notes
- I did not add any custom CSS related to header/body layout in the demo.
- I haven’t identified a reliable workaround yet.
Please let me know if this is a known issue, if there’s a fix/workaround, or if you need any additional details.
The issue can be reproduced when clicking on a button that opens a predefined Dialog, then making some changes on the page and hot reloading. In this scenario, I get the following error:
Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'addEventListener') TypeError: Cannot read properties of null (reading 'addEventListener')
A Grid component with GridToolBar increases memory usage due to event handler leaks, specifically associated with the GridToolBar and ColumnMenuToolBar.