How to reproduce (video attached):
1) open combobox
2) scroll to end of the item list
3) select last item 4999
4) open combobox again
Expected behavior: I would like to see the item list.
Actual behavoir: I see white area.
https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/virtualization/#toc-basic-configuration
https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/#toc-basic-configuration
https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/virtualization/#toc-basic-configuration
Hello,
There is a very serious bug in the Kendo React date picker component: the month of January is simply not displayed
The issue can be witnessed on your demo page:
https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/
Just open the picker and you'll see January is not there
Hello,
we are using kendo-react-pdf and I am trying to see if it can generate tagged PDFs to make it accessible. Or can you tell me if there is another kendo pdf component that is capabable of creating these tags?
thanks so much,
Rebecca
Hi Team,
If you take a look at my demo, I have 2 scheduler events, and I've created a custom SchedulerItem that renders the background of one of them to be blue.
When dragging the items around, the dragItem mains the same color with a bit of opacity, cool.
When resizing, the orange (?) one works great, this is the default color theme. However when I resize the blue one, while resizing, the resizeItem is an opaque blue, but the SchedulerItem underneath reverts back to the original default color scheme thereby mixing the colors.
Please advise.
Thanks,
Grant
I want the kendo tooltip should show on trend line points and when I move from that point it should not visible. it is visible when I am in the chart area and it hides when I leave the chart area, but I want it should hide when I leave the line point.
The KendoReact `Upload` component displays a "file validation message" when an upload/save attempt fails, as can be seen in the following screenshot.
This message is provided by the `getFileValidationMessage()` method of the `UploadListSingleItem` class and is triggered when the passed parameter, `isUploadFailed` is `true`.
`isUploadFailed` is determined by the method `getFileStatus()` provided by the local-to-the-Upload-component utils file. This method is returning `isUploadFailed` as true only when the compared file status is set to `UploadFileStatus.UploadFailed`.
This is wonderful when uploading/saving - and it's great to show the user that something failed during the attempted upload/save.
I request similar functionality when performing file removal so we could similarly alert the user that the attempted removal of the file failed. Something similar to the below:
1) Drag a window to a tabstrip and drop the window on the tab area.
2) The window should dock into the tabstrip as extra tab.
Hi Team,
This feature request follows on from my Forum post (https://www.telerik.com/forums/scheduler-support-to-multiple-slot-selection).
It would be great if we had more control over slot selection, like:
- Turn off selection;
- Select multiple slots;
- Being able to Access the selected slots to use as start and end date/time in EditSlot.
Kind Regards,
Grant
Add a disabled property to ListBox and ListboxToolbar.
Listbox
ListBoxToolbar
It would be nice if ListView could have the option of actually being a list (ul, ol or dl) element. In many cases, I believe this would be more semantically correct and it would help screen readers understand more about the content. My suggestion would to make this configurable if possible. I've seen some libraries allow you to pass in the element type so you can override / change the markup and I think this would be nice to have here (and possibly other places).
Hi Team,
We need a break (<br>) tag on pressing enter key instead of paragraph tag in React Editor. Currently break tag comes on pressing Shift + Enter keys. We want a mechanics to override default functionality of enter from paragraph to break tag.
Regards,
Abhinav
Hi,
I would like to request a feature for the hovering to show tooltip behaviour in Kendo React Charts.
Currently, the tooltip on hover behavior for most or almost all Kendo React Charts is that it shows the tooltip only if you hover directly on a point or bar. This means that upon hovering on tiny data representation like dots or bars will be very difficult for the user to show a tooltip for.
For example the following sandboxes:
Bar graph with small and large data: https://stackblitz.com/edit/react-xtmkdz?file=app%2Fmain.jsx
Line graph with small data dots and large data dots: https://stackblitz.com/edit/react-wg75ag?file=app%2Fmain.jsx
In these sandboxes, hovering over the smallest bar is very difficult and is also the same for the line graph for tiny "marker" sizes.
I am requesting a feature where Kendo React Chart tooltip can:
I have seen this feature in other popular React Chart libraries like Recharts https://recharts.org/en-US
Bar chart:
https://recharts.org/en-US/examples/StackedBarChart
In this example, hovering anywhere inside that grey box area with mouse will show tooltip for that Page A:
For line charts in Recharts: https://recharts.org/en-US/examples/SimpleLineChart
Hovering at the drawn mouse location in this chart shows tooltip for the point below.
I am hoping Kendo React in the future supports this feature as the current implementation of the tooltip is very rigid and clunky.
When I press on a day from the past the DatePicker automatically scrolls to the next/previous year. Please check the attached video.
Is there any workaround for this issue ?
Data-attribute is missing on a NumericTextbox. Add it in a similar way as for example TextInput and Checkbox.
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {
NumericTextBox,
Checkbox,
TextBox,
} from '@progress/kendo-react-inputs';
const App = () => {
return (
<div>
<label>
<TextBox data-test="5" />
</label>
<br />
<label>
<NumericTextBox data-test="5" />
</label>
<br />
<label>
<Checkbox data-test="5" />
</label>
</div>
);
};
ReactDOM.render(<App />, document.querySelector('my-app'));
Hi Team,
While browsing i came across a feature called social control+login+singup in 1 place. Does Kendo react has anything like below
exportdefaultLogin
and profile template like below:
Hi,
I would like to request a feature for the Kendo React Chart Zoomable feature to be able to set a zoom level.
For example, an exposed API function to set graph's current zoom level to exactly 50% or 25% that I can use with a button maybe.
Currently the API only supports setting "zoom rate", but I would like a set Zoom function, so maybe I can save the current zoom level upon load of the chart again.
Thanks!
Dear Kendo,
I'm currently working on a data grid that has virtual scrolling enabled. When a user is scrolling fairly quickly, the screen will constantly flash white. See video in attachment.
I see this same behaviour in the example provided in the docs here: https://stackblitz.com/run/?file=app%2Fmain.jsx although it is slightly less noticeable.
What can we do to fix this?
Thanks in advance.
Kind regards,
Peter
Hi,
I would like to be able to select all items from the treeview using a keyboard combination, I mean something like select an item +press and hold shift key and select another item and all items in between get selected.
Environment Details:
OS: Windows11 version 21H2 (OS build 22000.856)
Edge Browser version: 104.0.1293.47
Repro steps:
1. Open Code Pen: https://codepen.io/m1mrt/pen/VwXjEzJ page in Edge Browser.2. Run Axe dev tools3. Observe an issue that select element has an accessible name.
Actual Result:Select element does not have an accessible name.
Expected Result:
All components need an accessible name, ideally using semantic elements and attributes. In rare cases, aria-label or aria-labelled by may be needed to alter the name.
Screenshot attachment: