Add a shared note property for the Chart.
This property should allow rendering a note for multiple series items similar to the shared tooltip funtionality.
Hi,
Please add down arrow to multi-select dropdown similar to combobox or dropdownlist.
Hi Team,
I have found an issue in the Grid Component that I think needs some attention, see below.,
## Current behavior
My GridColumns are not styling correctly when i hide/show them based on an edit state (for example). Some that have no width restrictions will the shortened then not lengthed.
## Current Version
KendoReact 4.8.0
## Expected behavior
If I hide/show a GridColumn, its width should not affect other GridColumns, only the Grid overall.
## Minimal reproduction of the problem with instructions
Example: https://stackblitz.com/edit/react-ngpvuj?file=app%2Fmain.jsx
Instructions:
1. View how age is the only column visible with a width attr
2. Click "Switch Mode" and notice how 'Id' is not added, but a width of 80 is now applied to the 'lastname' column, the same width as age
3. Click "Switch Mode" back to view, and see how id is removed and a width of 60 is applied to the 'firstname' column.
## Investigation:
Some investigation in the DOPM revealed that the issue is centred around the <colgroup> of the Grid's <table>:
- step 2 does the following to the <col>s in the <colgroup>
- add a new col to the beginning with a width, for the Id column
- add a new col to the end with a width, for the Age column
- DOES NOT clear the width of the col group that used to be the age column
- step 3
- Simply removes the last <col> in the group. Does not affect hte attributes of the remaining <col>s
I hope this was informative and can be resolved soon.
Kind Regards,
Grant
Add more animation options to the KendoReact Chart rendering.
For example, we can add the following type of animation:
The new suggested animation type should change smoothly the Y values of the line, that is an animation of the line from its old points to its new points."
This should result in the lines (series) animating not the entire Chart.
Hello,
We are currently developing an application based on Kendo React components.
We are wondering if the React-Gantt chart has the functionality to edit the data by drag-n-drop the same way it possible with JQuery-Gantt (see attachment).
Thanks in advance for your help.
Kind regards,
Sergei
MaterialUI exposes a `ListBoxComponent` prop on their dropdown components (https://material-ui.com/api/autocomplete/) it would be nice to have that exposed on the kendo multiselect as well.
Use cases include:
- simplifying styling
- Custom scroll bars for the dropdown
- Open the https://answers.microsoft.com/en-us/msoffice/ using valid credentials.
- open any related article.
- Navigate to 'Reply' button and invoke it.
- Navigate to 'ordered list' button and invoke it.
- Navigate to the edit region and type some ordered list items.
- Now, Navigate to the ordered list items and listen to Narrator announcement.
Actual Result:
On navigating to ordered list items with arrow keys, Narrator is only announcing first letters of the text and while navigating with 'caps-arrow' keys, Narrator is only announcing position details of the list items.
Note: this issue is not observed with nvda
Nvda version: 2020.2
Expected
On navigating to ordered list items with 'arrow keys' or using 'caps-arrow' keys, Narrator should announce the whole text of the list item including position details.
User Impact
Knowing how many items are in a list is extremely useful to assistive technology users as they can know if they should attempt to skip the list, navigate to the end, help them recall placement of certain items, or orient themselves within the list.
Click icon to close as well as open
Hi,
I'm trying to validate the file names that are being
uploaded using Kendo react Upload component. But the validation message I
set is not displaying next to the file just the way the following
messages are displayed.
File type not allowed.
Invalid file(s). Please check file upload requirements.
File size too large.
File size too small.
For reproducing the steps here is the code pen. If you try to upload any file which contains 2019 should show the validation error message.
https://stackblitz.com/edit/react-3x6dal-p7uycz?file=app/main.js
Could you please consider this request as a new feature?
- open the https://answers.microsoft.com/en-us/msoffice/ using valid credentials.
- Select 'reply' button.
- Navigate to 'Insert image' button and invoke it.
- Now Run the fast pass using Accessibility Insights for web and observe the failure 'label'.
Actual results:
Aria label attribute is not defined for button in 'Insert image' dialogue.
Narrator is announcing as 'No file chosen, choose file, button'.
Expected results:
Aria label attribute should be defined for button in 'Insert image' dialogue.
User Impact:
Adding effective form labels is absolutely necessary to make forms accessible. The purpose of form elements such as a checkboxes, radio buttons, input fields, etc. is often clear for sighted users, even if the form element is not programmatically labeled. This isn't usually the case for screen reader users. Adding a label to all form elements eliminates ambiguity and contributes to a more accessible product.
- open the given URL using valid credentials.
- Navigate to 'Reply' button and invoke it.
- Navigate to 'Insert image' button and invoke it.
- Now Run the fast pass using Accessibility Insights for web and observe the failure 'Nested- interactive'.
Actual results:
Expected results:
Interactive control elements have focusable descendants.
User Impact:
When interactive elements have an incorrect name and role, it is difficult for people using assistive technology (like screen readers) to understand the purpose of control and its relationship to other content. Knowing the role for a control helps users know what will happen when that object has focus and is selected, as well as what keyboard shortcuts to use when interacting with the control.
We have two issues with grid with virtual scroll.
Both are registered on github.
First one is really blocking us: https://github.com/telerik/kendo-react/issues/1010
Second one we found on Safari, it's also very critical for our customers: https://github.com/telerik/kendo-react/issues/1013
Version: 4.7.0. Please note that version specified in Additional information does not make sense as we use Kendo React not Kendo UI.
Can you help us somehow?
Hi Team,
I'm facing below issue when manually enter the value in the datepicker.
Control : DatePicker
<DatePicker defaultValue={value} format="dd/MM/yyyy" />
Step 1: Manually I'm trying to enter the data as 01/01/2021 and clicked outside the datepicker control ( now the focus is out of the datepicker ).
Step 2: Now try to change the date (day) by entering "2". (Our Expectation is system should display the date as 02/01/2021 instead it is appending the date and displaying as 12/01/2021)
Every time system is expecting the user to clear the existing value and then enter the new value.
Can you take this as feature request. Value should not get append to existing value. It should overwrite.
Reference Ticket URL : https://www.telerik.com/forums/datepicker-when-user-enter-the-date-manually-the-value-getting-appended-with-the-previous-value
If this is taken as feature request when will it get delivered.
The ListView component has an item prop that allows you to specify the render component. That component receives ListViewItemProps. The ListViewItemProps type is not exported and cannot be properly imported elsewhere.
Looking for callback for what item was dragged or resized.
coz we have as well Charts(HighCharts) inside not automatically resizing and we need to determine what item was resized to be able to trigger charts inside to redraw.
https://github.com/telerik/kendo-react/issues/865
This could be done as a demo, that showcases how this functionality can be added and extended for more elements.
- open the given URL using valid credentials.
- Navigate to 'Reply' button and invoke it.
- Navigate to 'table' button and invoke it.
- Now, try to navigate to table cells to select the size of the table and observe
Actual Result:
After invoking 'table' button, user is unable to select the size of the table i.e, Keyboard focus is not going to 'Insert row and column cell components.
Tab index property is not defined.
Expected
Control(s) must be accessible to keyboards and other assistive technology. Common causes of this problem include a) the element does not have a proper role assigned, b) the element needs tab-index="0" attribute to be focusable, or c) the component is not registering keypresses.
User should be able to navigate to insert row and column cell components to select the size of the table.
User Impact
When interactive components are not accessible, assistive technology users are blocked, which leads to everything from inaccessible content, features, and functionality, up to entire applications or sites.
- open the given URL using valid credentials.
- Navigate to 'Reply' button and invoke it.
- Navigate to 'insert image' button and invoke it.
- Now, try to upload the image and observe
Actual Result:
User is unable to navigate to 'upload' button in 'insert image' dialogue. On invoking 'insert image' dialogue focus is navigating in the background and after navigating whole page then focus is going to the 'insert image' dialogue. Now, when user try to upload the image, focus is going out of the dialogue (going to the top of the page).
Expected Result:
When focus order does not follow the visible reading order, the experience can create a different interaction pattern, and/or unintended content relationships for assistive technology users. On rare occasions, there is a logical reason the focus order is different from the reading order, but the meaning of the content and interactions must remain the same.