This is version 12.3.0

An application in production grew in memory consumption to several gigabytes and I've pinpointed the problem to the grid. The data of the grid is being updated frequently and each time the data of the grid is being updated with a new list, the memory goes up with hundreds of megabyte. Even when the page is reloaded with F5, the memory is not released. 

I ran some memory profiling in visual studio 2022 but could not find anything useful (I'm not good at profiling), except that the object that has the most diff between snapshots is SharedArrayPool+Partition<Byte>

In the end I had to force a Garbage Collection before setting the Data prop of the grid, which helps.

Perhaps there is a better (or a right) way to update the data of the grid? I've tried so many things now :D

I am using TelerikPanelBar and the background color will only appear once I collapse/expanded it at least one time. If there anyway that we can made the background color appear on initial load?

(Telerik.UI.for.Blazor v13.1.0)

I was scratching my head over this one for a while. No matter what I tried, even though the data and initial value were valid, the control always initially showed "None" (or just blank, depending on DefaultText). Interestingly, the X close button also was visible, so the control "knew" the value was set.

I tried all kinds of workarounds, delayed rendering, Rebind(), setting the value programmatically, nothing.

I'm sharing the workaround that worked for me, hopefully save some other users some time. Turned out all I needed to do was to add a custom ValueTemplate:

I keep getting these errors after i updated to the latest release for a lot of charting components. This one is with ChartSeriesType.Area. The areas are there but don't have any coloring and are invisible.

 

telerik-blazor.js:1 Error: <path> attribute d: Expected number, "M140.35 13 L NaN 13 NaN 173.2…".
attr @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
_setEnd @ telerik-blazor.js:1
step @ telerik-blazor.js:1
t @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
setTimeout
play @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
_redraw @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
loadFonts @ telerik-blazor.js:1
preloadFonts @ telerik-blazor.js:1
ad @ telerik-blazor.js:1
createChart @ telerik-blazor.js:1
createWidget @ telerik-blazor.js:1
l @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
processJSCall @ blazor.web.js:1
beginInvokeJSFromDotNet @ blazor.web.js:1
Xr @ blazor.web.js:1
(anonymous) @ invoke-js.ts:323
Mc @ invoke-js.ts:82
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f797
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
Zo @ scheduling.ts:42
8Error: <g> attribute transform: Expected number, "matrix(NaN,NaN,NaN,NaN,…".
telerik-blazor.js:1 Error: <path> attribute d: Expected number, "M57 40.301 L NaN 40.301 NaN 2…".
attr @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
trigger @ telerik-blazor.js:1
geometryChange @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
_setEnd @ telerik-blazor.js:1
step @ telerik-blazor.js:1
t @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
setTimeout
play @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
traverse @ telerik-blazor.js:1
_redraw @ telerik-blazor.js:1
redraw @ telerik-blazor.js:1
setOptions @ telerik-blazor.js:1
setWidgetOptions @ telerik-blazor.js:1
setOptions @ telerik-blazor.js:1
a @ telerik-blazor.js:1
(anonymous) @ telerik-blazor.js:1
processJSCall @ blazor.web.js:1
beginInvokeJSFromDotNet @ blazor.web.js:1
Xr @ blazor.web.js:1
(anonymous) @ invoke-js.ts:323
Mc @ invoke-js.ts:82
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f797
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func184 @ dotnet.native.53ez3dx5uy.wasm:0xc3a3
$mono_background_exec @ dotnet.native.53ez3dx5uy.wasm:0x48887
Ko @ scheduling.ts:53
callUserCallback @ dotnet.native.ykrnppwhq2.js:8
(anonymous) @ dotnet.native.ykrnppwhq2.js:8
setTimeout
safeSetTimeout @ dotnet.native.ykrnppwhq2.js:8
Mc @ scheduling.ts:63
$func793 @ dotnet.native.53ez3dx5uy.wasm:0x48825
$func298 @ dotnet.native.53ez3dx5uy.wasm:0x1f773
$func222 @ dotnet.native.53ez3dx5uy.wasm:0x1ca98
$func213 @ dotnet.native.53ez3dx5uy.wasm:0xebe7
$func291 @ dotnet.native.53ez3dx5uy.wasm:0x1f22d
$func327 @ dotnet.native.53ez3dx5uy.wasm:0x203be
$func191 @ dotnet.native.53ez3dx5uy.wasm:0xc747
$mono_wasm_execute_timer @ dotnet.native.53ez3dx5uy.wasm:0x10b011
Zo @ scheduling.ts:38

Hello,

when typing a date quickly via keyboard into a TelerikDatePicker, the component behaves incorrectly in multiple ways:

• Digits appended to the year segment — Instead of replacing the year value, newly typed digits are appended to the existing year (e.g. typing "2026" results in "20262026" or similar).
• Cursor jumps back to the day segment mid-input — While typing the month or year, focus unexpectedly returns to the day segment, causing subsequent keystrokes to overwrite the wrong field.

These issues make it nearly impossible to enter a date by typing it in one fluid motion, which is a common workflow for power users and keyboard-centric data entry.

Steps to reproduce: (also reproducible on the official Telerik demo page).
Click into the DatePicker so the day segment is focused.
Type a full date quickly (e.g. 02022020 for 02.02.2020) without pausing between segments.
Observe that the resulting date is incorrect — digits are misplaced or the cursor jumps unexpectedly.

Best regards

I have a situation where I need the:

but I also need to have an event trigger when the row is updated:

There is no mode that supports both, what are my options?

I need to be able to trigger some action on a Cell by Cell update basis, but also need to trigger a specific action on a Row update.

Thoughts?

Robl

How do I align the left pane to the top instead of it being centered vertically?  The CSS provided by AI does not seem to override it.

 

<TelerikPdfViewer   MinZoom="0.5m" MaxZoom="1.5m" ZoomRate="0.25m" Zoom="0.5m"..
Zoom-DropDown box still present  "200%, 300%, 400%"
My expectation is to limit the dropdown entries to the range given by MinZoom, MaxZoom
Version 13.1.0
 

The Map/Route dialog is set with "CloseOnOverlayClick".  As soon as I display the Route Dialog it triggers prior form validation (see the Destination red text behind the Route dialog)?

I've used my Route/Map component on other pages/components and not having this validation trigger issue.  It seems if I go more than 1 level of Dialogs I'll get this issue?

The code that makes the Map/Route dialog visible:

Why is validation being triggered when I make another dialog visible?

 

Version 12.0.0 removed the .k-item class from rendering on a tab strip's tab but that now means that the active tab looks identical to all other tabs. Is there a workaround or some way to get that back without manually recreating the CSS myself? 

 

The screenshot is from the docs to show it's not just my project or any custom config on my end:

https://www.telerik.com/blazor-ui/documentation/components/tabstrip/overview