- open the given URL using valid credentials.
- Select 'reply' button.
- Now Run the fast pass using Accessibility Insights for web and observe the failure aria required children.
Actual results:
Elements with Aria role is not containing child role with in them.
Expected results:
Elements with Aria role should contain child role with in them.
User Impact:
For each role, WAI-ARIA explicitly defines which child and parent roles are allowable and/or required. ARIA roles missing required child roles will not be able to perform the accessibility functions intended by the developer.
- 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.
This could be done as a demo, that showcases how this functionality can be added and extended for more elements.
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
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.
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
I have been using Kendo React Scheduler and soon going to integrate it with our product.
I came across a use-case/functionality requirement. Currently, with the Month View, when we have too many events in the view, we have the functionality of drilling down into the day view by clicking on three dots (I will refer to this as "View More" functionality). Very helpful indeed.
My use-case was when in the week view, we still have limited space per day in small dimensions for the calendar which can lead to the squashed arrangement of events on the time scale as well in the all-day section.
So I was thinking if we could have the same "View More" functionality in Week view as follows:
- Specifying the max number of events to be displayed for all-day view will render those events plus any additional like a "View More" functionality to drill down into Day view.
- Specifying the max number of events to be displayed for the same time frame will render those events plus any additional like a "View More" functionality to drill down into Day view.
Let me know if any other concerns or ideas around this may arise.
Thanks
Aman Gupta
Hi we are wanting to use the scheduler and control the display of overlapping items differently than the default. Are there any resources you could point me to that explain how two items scheduled over the same time interact or can be customized?
If we wanted for the items to be z-indexed over each other instead of shown side-by-side, is that possible?
Hi Team,
###Current Behavior
When displaying checkboxes, they are not aligned for nodes with children vs. nodes without children
### Example
https://stackblitz.com/edit/react-rqvush?file=app/main.jsx
### Expected Behaviour
Nodes checkboxes should be aligned the same regardless of if they have children.
###Version
4.8.0
Thanks and Kind Regards,
Grant
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
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
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.
Imaging a GridColumn field that is a simple object {name:"My Item", value: 123}. It would be great to be able to define properties of the object as what to display without having to build a custom renderer.
displayField/displayFunction as a callback function with the fieldName of the columns and the dataItem of the row as parameters
const nameDisplay = (field, dataItem) => {
return "some value"
}
...
<GridColumn field={"name"} displayFunction={nameDisplay}
We'd like the sorting to be correct and not based on the browser settings.
From support ticket:
We've noticed that our grid is not sorting correctly in our local language (Swedish). I've added LocalizationProvider and IntlProvider around it. The translation works fine.
In Swedish it would be sorted: A, B, Å
It's common in software that A and Å is sorted next to eachother but this is wrong.
I've tried using locale "sv" (language) and "se" (country) but neither sorts it correctly.
Reply on support ticket
We are internally using the built-in JavaScript method localeCompare to compare the values:
if (a.localeCompare) {
return a.localeCompare(b);
}
That means that we will compare the data based on the current browser locale. Still, the result can vary based on the machine. In cases, like this one, we can recommend using server filtering the ensure that the results are specific to the Swedish culture regardless of where this is loaded.
Another option can be to log a feature request that will take the culture parameters from the IntlProvider and pass it as a second parameter to the localeCompare function.
Hello,
I am using React Multiselect in my project. I need every item in the multiselect component selectable with checkboxes and multiselect itself filterable. It would be very nice if you add this features to Multiselect component as built in. There is a workaround which I share links below for this but we need to do all this stuff manually.
1. Checkboxes:
2. Filterable
Thanks