When typing into a date picker and trying to type Feb 29th, 2024 (or any other leap year ofc) the date is updated incorrectly by the kendo date picker validation. As the user types the year their previous entry of 29 is updated to 28. This should update check should probably not occur until the user is done updating the input. If there is some fix or workaround we can do on our end to resolve this issue please let us know
Here's a video of the bug in our application
However, I was also able to reproduce the exact same behavior even in the documentation:
React Server Components allow the developer to mix the fast server-side rendering with the interactivity of client-side JavaScript.
So far modern JS frameworks were explicitly operating on the client (with SSR being an optional feature). With server-components it's the opposite - RS Cs introduce a new mental model for building hybrid applications that leverage both the server and the client.
The main advantages of the React Server Components are that:
Hi!
I have noticed that keyboard navigation doesn't work in the filter editor components inside the Filter component
Reproduction:
Is there a way to enable it or go around it?
Issue 1:
I've implemented insert table tool in the editor and I'm setting some states on editor blur. The bug appears when the editor is focused and I try to add a table. When I select the rows and cols from the dropdown and click to insert the table the editor blur is called my setStates are called and somehow the table insertion doesn't happen. In order to add the table I should not focus the editor and I have to click on the insert table button and select again the cols and rows.
Issue 2:
In the same editor I've added tableResizing plugin. The bug appears when I already have a table in the editor and open the insert table dropdown to add a new one. In that moment when the dropdown is still opened I hover over some of the already inserted table cells borders the insert table dropdown is closed.
Issue 3:
When the editor is controlled we have undefined as initial value and then we type something or try to add table for example the editor crashes and throw an error `Uncaught RangeError: Applying a mismatched transaction`. Even though the value type allows undefined EditorProps.value?: string | Node | undefined. It works fine though if the initial value is empty string.
Package
"@progress/kendo-react-editor":"^5.11.0 | 5.12.0"
Minimal reproduction
I'm providing an vite + react + ts project. Steps to run the project:
npm install
npm run dev
It's reproducible in the provided examples in StackBlitz from Kendo, but the editor packages are not always resolved with turbo package manager. I guess it's the same issue as https://github.com/telerik/kendo-react/issues/1530
To demonstrate:
1. Open your simplest interactivity/selection demo, which is not grouped, in StackBlitz. See: https://www.telerik.com/kendo-react-ui/components/grid/interactivity/selection/
2. Add the Grid's group prop. To demonstrate the bug nothing else needs changed
<Grid group={[]} ...3. Run demo, scroll down and pick a row.
4. Observe the grid scrolls to the top and you cannot see your selected row unless you scroll back.
Hi,
The first render of a DatePicker component with an onOpen prop throws an error: Unknown event handler property `onOpen`. It will be ignored.
Reproduction:
1. Open https://stackblitz.com/edit/react-xje2zdjc?file=app%2Fapp.tsx
2. The error will appear in the console
Expected behavior:
No errors in the console
The examples from https://www.telerik.com/kendo-react-ui/components/intl/i18n/loading-data work with cldr* packages up to version 47.0.0. The Current version 48.0.0 causes an error:
Cannot read properties of undefined (reading 'replace')
Please see the example - https://codesandbox.io/p/sandbox/silly-wind-tpfg8n
When column "Unit Price" is locked, while moving the horizontal scroll bar, the group header is sticky (expected behavior), but the group footer is not sticky (wrong behavior).
Timepicker component in adaptive mode behaves differently in version 11.0.0 (and above) compared to version 10.0.0 (and above):
We would expect the same behavior as in the 10.0.0:
We would like to upgrade to 11.0.0 but we do not like this behaviour because it is disturbing, confusing and requires more clicks (time) to work with it.
Browser:
System:
Best regards,
Peter
When clicking on a resize handle (without dragging), the window unexpectedly shrinks.
Steps to reproduce:
Expected behavior: The window size remains unchanged when clicking a resize handle without dragging.
Actual behavior: The window shrinks.
Reproducible on the demo page: https://www.telerik.com/kendo-react-ui/components/dialogs/window
Hi,
After pasting a value into the input box of the DatePicker I am then unable to clear it. The value of the DatePicker is correctly set to null, but the value displayed in the input box is unchanged.
Reproduction steps:
1. Open the grid filtering demo,
2. Copy any of the date values from the grid, e.g. 9/20/1996, and paste it into the "First Ordered On" filter,
3. Clear the filter using the clear button.
Result:
The value remains in the input box.
Expected behaviour:
The value should not be visible in the input box.
Timepicker components now button in certain situations does not scroll timeselector to current time in adaptive mode.
We would expect the now button scrolls to current time in all situations, also in adaptive mode .
It is obviously buggy behavior, we would like to use now button, but it has to work correctly.
Browser:
System:
Best regards,
Peter
Hi
Please build a React Diagram component similar to https://demos.telerik.com/aspnet-ajax/diagram/examples/overview/defaultcs.aspx
I have noticed that whenever you want to upload multiple photos at once, using this React Upload Component & Events - KendoReact Docs & Demos (telerik.com) component the previews of the images uploaded bounce/ shake around. I've tried this on multiple browsers and they all have the same bouncing effect for the image previews. For a single photo it doesn't do it but once multiple images are added, it will do it.
Good morning,
I have seen a component within the Angular library that I would like to include in my project using React. The link to it is here:
https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/add-new-item
Are you able to advise on how I could implement this please?
Best wishes,
Molly
Hello
Localization messages for ColorPicker popup Apply/Cancel are missed.