The `Surface` component, in the drawing module, has a few exposed event handlers. It exposes click, mouse enter and mouse leave. It does not expose a handler for mouse scroll wheel movement.
You can see the exposed handlers in the `SurfaceOptions` type ...
SurfaceOptions - React Drawing Component | KendoReact API (telerik.com)
Can you please expose the mouse scroll event handler?
The typographical kerning defined by the font is not respected when exporting components to pdf.
The text has the same aspect as if the following css property had been defined:
element {
font-kerning: none
}
It will be nice to support font-kerning on pdf export.
Hello,
I have a request to add a ListView control to a React Pure control package.
Thanks.
Actual Result:
Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, I get the follow error message:
Snippet
<div aria-label="Post a question or answer" contenteditable="true" class="ProseMirror"><p data-prewrap="true"><br></p></div>
How to fix
Fix the following:
ARIA attribute cannot be used, add a role attribute or use a different element: aria-label
Expected behavior
Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, then I should not receive the following error message above
After updating the kendo version in my project to "^5.1.0" I've noticed that both grid pager dropdown and normal dropdowns won't close when clicked outside if the dropdown is opened using the arrow icon.
I've attached a video with the issue.
Is there any workaround for this?
When setting filter type in column to `boolean` it breaks when opening the column menu with the following JS error inside `filterCommon.js`:
TypeError: Cannot read property '0' of undefined
Here's a sandbox to see. Click the column menu next to each column header. Notice `Discontinued` column will cause a JS error:
https://stackblitz.com/run/?file=app%2Fmain.jsx
The sandbox was taken from https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/
We're using v3.1.0 but the sandbox has 3.2.0. Both versions have this bug. It seems 2.11.0 is the last working version.
Hi,
The Telerik example for Inline Editing with Custom Editors uses a dropdown list with reference data hardcoded into the custom dropdown cell. This isn't a realistic scenario for for production code with dynamic reference data. If you pass the reference data for the dropdown to the custom cell then the dropdown loses focus every time you change the selected value. This can be seen by shifting the localizedData in the Telerik example referenced earlier from myDropDownCell.tsx to main and passing it as a parameter: https://stackblitz.com/edit/react-9ycz1i?file=app/main.tsx
Is there a workaround for this issue?
Kind regards,
David
What we need is an ability to get all the field keys automatically from the form whether they're filled or not.
As a short example, if we have fields name, email and description on the form, when the user fills name and email, but leave description blank, the form doesn't send description key, only name and email keys.
But the API where we send the data expects all the keys be present. The values can be empty or null.
What Form sends: {name: "example name", email: "email@example.com" }
What we would like to send: {name: "example name", email: "email@example.com", description: can be null or empty string, but the key should be present}
It can be done via initialValues object, but it's quite troublesome when we have very long form with many fields.
Br, Miika
Grid Header shifting when filtering column.
When a column is half visible, and it is filtered, a misalignment will occur between the header and the Grid content.
Video: https://www.screencast.com/t/PhOonptY2
Hello,
I would like to request for the filter component to be supported in the KendoReact suite as it is in the ASP.NET Core UI suite.
One aspect is the hierarchical structure which can support complex filter scenarios but also the support to persist state of a set of filters.
Thank you
According to https://www.telerik.com/kendo-react-ui/components/installation/source-code/#toc-source-repository the repo should be updated nightly. However it does not seem to be.
~/Projects/kendo-react-private (master) git remote -v origin https://kendo.git.progress.com/kendo-react-private.git (fetch) origin https://kendo.git.progress.com/kendo-react-private.git (push) ~/Projects/kendo-react-private (master) git fetch --tags ~/Projects/kendo-react-private (master) git pull origin master From https://kendo.git.progress.com/kendo-react-private * branch master -> FETCH_HEAD Already up to date. ~/Projects/kendo-react-private (master) git tag | grep v5 v5.0.0 v5.0.0-dev.202201182040
~/Projects/kendo-react-private (master) git log
commit 4bf2535e414ba2f342ddbef8daac9ec052f04cc2 (HEAD -> master, tag: v5.0.0, origin/master, origin/HEAD)
Author: kendo-bot <kendouiteam@progress.com>
Date: Tue Jan 18 22:41:34 2022 +0200
chore(release): publish 5.0.0-dev.202201182040
v5.0.0 seems to be the latest tag. Could someone verify that the github repo is actually being updated?
Thanks for any help!
Currently, you cannot specify a custom icon for `MenuItem`, e.g. a Material Design icon, as the `icon` prop only accepts the name of an icon from the Kendo font icons.
So please can you add a `iconClass` prop just like Button so we are able to use an alternative icon set.
Thanks.
Feature request
I am using the `AutoComplete` component to implement a search input and I want to be notified when the user selects an item (via mouse click or keyboard navigation) from the popup list.
I found an undocumented prop `handleItemSelect` on the `AutoCompleteHandle` ref object, and used it to implement my feature successfully.
Please can you expose `handleItemSelect` as an event on the `AutoCompleteProps` API.
How to merge rows in React Data Grid?
Only ColSpan did not find RowSpan in the GridCellProp
It doesn't possible to set different "no events" text for the Agenda component, can we add the ability to set it by prop like in the example below?
<Agend noEventMessage="No meetings" />
<Agend noEventMessage="No vacations" />
Hello,
I am using Filter component from kendo-react-data-tools and I need to parse oData filter string in URL to initialize the filter component. Is there a way to convert oData string to filter data that Filter component can use ? I am using toODataString to convert filter to oDataString and I am looking for the opposite way。
Thanks,
Rita
Due to some recent need (remove the filter buttons) in a Grid I think that having the ability to provide a className for the filter of a column would be very usefull.
We are currently on implementing a component for data grids using the Kendo React Grid and virtual scrolling.
The problem is that the "page down" and "page up" is not working correctly, because of the virtualization (We already contacted the support for it).
Here is a stackblitz where the problem can be reproduced: https://stackblitz.com/edit/react-rapzu9?file=app/main.tsx
Reproduction steps:
1. Click inside the grid
2. Press "Page down" - Page changes, but focus goes to the header cell
3. Press "Page down" again - Nothing happens
Another problem which maybe has the same source is navigating with the arrow keys.
Reproduction steps:
1. Scroll somewhere deeper down
2. Use arrow up to scroll up again
3. At some point it scrolls not up anymore but the focus also changes into the header cell - Not okay
In my opinion its a bug, at least for the arrow keys. If you disagree please open a feature request for it, this functionality will be needed by out customers.
Best regards
Yui