open new window using the button, and close all window one by one, then see that k-overlay is still stay in page
1. Open column menu
2. Using arrow keys, go to Filter menu item.
3. Hit right arrow to open Filter submenu
4. Tab through filter submenu
5. Hit escape.
Expected behaviour: Filter submenu closes and focus returns to the parent column menu
Actual behaviour: Both filter and column menu are closed.
This is an issue for accessibility users - there doesn't seem to be a way to return to the parent filter menu using the keyboard without closing all menus and reopening them.
There is one way for it to occur, and that is to use the mouse to place the focus on the Filter menu background - in this case hitting escape will close the Filter menu and focus will be returned to the parent column menu. However this is impractical for an accessibility user who is relying solely on keyboard navigation.
An example of where this (mostly) works is on the Columns submenu - the user can use the left arrow key or Escape to close the child menu or alternatively keep tabbing and they will eventually return to the parent menu (though if they do tab within the child menu, hitting Escape will close both the child and parent menus).
I am currently experiencing an issue between the Kendo ContextMenu and the Kendo EditorFor. When I open the ContextMenu inside of the EditorFor it display offset relative to the cursor, both the left and top values are completely incorrect relative to the editor.
Attached you will find a solution where this issue has been replicated, I removed the scripts folder in order to keep the file size small. I hope this can be fixed soon.
1 - when use bootstrap v4 theme, ddl does not handle long names gracefully, please find in attachment example in bootstrap v4 & silver themes, also here are the dojo exaples
2 - for grid and separate controls validation message has diff view
should be the same
When using a grid with locked columns if the unlocked area is scrollable once scrolled horizontally the resize handle keeps it's original absolute positioning and doesn't respect the change in scroll.
When hovering over the edge of the column I can no longer see the resize handle. I can hover to the left where it would have been with no scrolling and then see it.
On DOM inspection I see the event to update the handle's position STILL FIRES when hovering the edge of a column header, but the position is based on scrollLeft() === 0.
I will assume the needed left position for each column is calculated on creation but is not re-calculated for horizontal scroll.
This can be reproduced in the live demos on Telerik's site.
In the latest Kendo UI commercial zip, there is a file typescript/kendo.all.d.ts.
In the Grid class, a property is missing : the dataItems function.
You should add the bold line :
dataItem(row: JQuery): kendo.data.ObservableObject;
This is an error that took us an hour to figure out.
We are using the right-arrow icon as part of the content within a collapsible header to represent a state transition. (See image)
We found that the expand/collapse icon did not appear.
Further investigation reveals that if the header content contains a span with a class matching the regular expression k-i-arrow.* then the expand/collapse icon doesn't work. It could contain anything else, it was just that one class pattern that threw it.
See this example. https://dojo.telerik.com/EwAsaKAf/3
I also posted a forum message here: https://www.telerik.com/forums/expand-collapse-arrow-fails-to-appear-if-a-class-matching-a-certain-pattern-appears-anywhere-in-the-header
This is clearly a bug, and one that I suspect can be fixed easily.
See dojo at https://dojo.telerik.com/@GaloisGirl/akAlaDIP .
The first DateTimePicker is set as readonly and has also aria-readonly manually set to true. It is correctly read by my screen reader (NVDA).
The second DateTimePicker is only set as readonly. It is read by the screen reader editable. It is not marked as readonly in the accessibility tree (per Firefox Developer Edition 71).
I can't find a formal specification, but this page says an input with ARIA role="combobox" needs to have "aria-readonly" set in addition to "readonly".
I'm documenting this for the DateTimePicker , but the same problem occurs for ComboBox ( https://dojo.telerik.com/@GaloisGirl/egeLOxIt ) and possibly other widgets that use the ARIA role combobox.