Actual results:
aria-label is not defined for ‘Reply editor’ when the keyboard focus is on 'Reply’ edit box narrator is announcing as “Editing End of line”.
Expected
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. Learn more by reading about the accessible name property.
User Impact
When interactive elements have an incorrect name, it is difficult for people using assistive technology (like screen readers) to understand the purpose of control and its relationship to other content.
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.
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
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
Hi support,
I would like to know what's the best way to set the modal dialog to the bottom of the page, and add animation for it to slide up to open and slide down to close.
Thanks!
Looking at the deliver1.PNG, there is a grid with a 'MultiColumnComboBox' component inside one of the columns. When a name is removed from a role in one row (deliver2.PNG), then that row is deleted/removed, the row below it moves up but loses its name on the UI but the data is not effected (deliver3.PNG).
Can confirm all data is intact when passing information to the 'MultiColumnComboBox' component, it's just a UI bug which doesn't display the value that was selected in the unedited/deleted row. Can also confirm this bug exists in other grids with 'MultiColumnComboBox' components.
The code path is as follows in images code1.PNG, code2.PNG, and code3.PNG. It can be seen there is a UserComboBoxCell element which returns a component called 'EditableGridMultiColumnComboBoxCell'. It is this component that uses the the 'MultiColumnComboBox' component.
Hello Team,
With respect to the ticket - https://www.telerik.com/account/support-center/view-ticket/1547304
Currently, when we drag and drop items between multiple trees, item is getting removed from source and added to the destination. Would be nice, if there is an option to copy the item (while dragging) instead of removing from the source.
Introduce a Format painter/brush tool that will allow copying the format from one selection to another (as in MS Word for example)
The format painter lets you copy all of the formatting from one object and apply it to another one – think of it as copying and pasting for formatting. Select the text or graphic that has the formatting that you want to copy.
Hi Team,
we are looking the similar functionality in React Grid? Could you implement this feature in feature releases?
columns: [
{
field: "id",
width: 80,
filterable: {
operators: {
number: {
eq: $translate.instant("Is equal to")
}
}
}
},
Hi,
I require the ability to use generate a PDF of React content using the PDFExport component, but instead of calling the `save()` function to download a file to the client's disk, return the blob/URI back to the JS which can be processed further.
I tried using the `drawDOM` method, however it doesn't support many of the features I require for `PDFExport`, such as 'Author', 'Title' and most importantly 'pageTemplate'.
Is there a way I can use the drawDOM method to achieve the same functionality as the core PDF export? If not, could another method be exposed of `saveURI` which returns a promise similar to drawDOM?
In addition, is there any temporary workaround you can think of that would facilitate what I'm trying to achieve? I couldn't spot any event I could intercept to solve this problem.
Kind regards,
Thomas
Hi Team,
we are looking the similar functionality in React Grid? Could you implement this feature in feature releases?
Kendo jQuery UI : https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.refresh
pageable: {
refresh: true,
},
Hi,
When a table overflows from one page to another, I have not been able to find a way to ensure the table header and the next row stay together.
I am looking to use the keepTogether property to achieve this, but as this takes in a CSS selector, I am unable to set one that encompasses both the 'thead' and first 'tr' within the 'tbody'. In other cases I can achieve this by wrapping with a 'div', but due to it being a table there is no suitable element that can group these together. Is there a solution to this problem?
As a result the table can split on the first row, which also causes the table widths to be different (as shown below).
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.
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
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 creating a list of rows using the Sortable control. The issue that I am running into is when I grab an item and want to move it further down the list, then what shows on the page, the list will not scroll. Once I get to the bottom of the list I can not move the item further, without droping it and manually scrolling. Is there a way around this?
You can see what I am talking about by going to your sample (Under "Events" header): https://www.telerik.com/kendo-react-ui/components/sortable/
Shrink the page to where items stack and the list goes off the page. Try to take the top item and place it on the bottom. What I would hope it would do is automatically scroll the page once you reach the bottom, but it doesn't.
Thanks,
Matt Heuerman
DealerCarSearch