Approved
Last Updated: 04 Dec 2019 08:50 by ADMIN
Created by: Anna
Comments: 5
Category: Toolbar
Type: Bug Report
0

I tested the toolbar example https://demos.telerik.com/kendo-ui/toolbar/keyboard-navigation with a keyboard and screen reader (NVDA) and found the following issues:

1. Buttons are rendered as links. The SR announces the first button as "Button visited link". Apparently, there is an undocumented option useButtonTag (https://github.com/telerik/kendo-ui-core/issues/4730) that's also missing from the typings. I have to manually add 'role: "button"' to every single button to make my toolbar compliant.

2. Toggle buttons state is not announced.
 
3. The overflow menu button has no caption and is announced by the SR as "blank".

4. The overflow menu button has no visible focus styling (screenshot attached).

5. Selecting an item from the overflow menu throws the focus out of the page.

 

Completed
Last Updated: 02 Dec 2019 16:27 by ADMIN
Release 2019.R3.SP.next
Created by: Michael D
Comments: 1
Category: Toolbar
Type: Bug Report
0
  • Create a Toolbar with 2 SplitButtons in the Overflow
  • Use Keyboard to open the Overflow Menu
  • Keyboard Navigation is trapped in the first SplitButton and the second SplitButton can not accessed via Keyboard Navigation

See the following dojo: https://dojo.telerik.com/UtoTOcUD

Approved
Last Updated: 28 Oct 2019 14:10 by Marc

Describe the bug
In IE11 on resizing horizontally the browser window, the text of the ToolBar's tools overlaps.

To reproduce
Steps to reproduce the behavior:

  1. Open: dojo example in IE11.
  2. Resize the browser window making it narrower.

The tools size is not properly calculated and text overlapping can be observed (see the screenshot linked below). Overflow hidden is not set to the button tool and the k-input elements are resized on resizing the browser window.

The following CSS rule can be used as a workaround:

.k-toolbar .k-button,
.k-toolbar .k-input {
  overflow: hidden;
  flex: 0 0 auto;
}

Expected behavior
The ToolBar tools should properly resize on browser window resize. No text overlapping should occur.

Screenshots
Screenshot.

Affected package (please provide)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please provide)

  • Kendo UI for jQuery

Affected browsers (please provide)

  • IE version: 11

Build system information (please provide)

  • OS: Windows
  • Node version: N/A
  • NPM version: N/A

Additional context
N/A

Approved
Last Updated: 11 Sep 2019 07:01 by ADMIN

Bug report

The Toolbar's overflowAnchor property is missing from the Kendo typing definitions. It is also not available in the Toolbar's API.

Reproduction of the problem

Current behavior

Typing definitions for overflowAnchor are missing.

Expected/desired behavior

The overflowAnchor property should be available for the Toolbar and added to the API as well.

Environment

  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all ]
Approved
Last Updated: 17 Jun 2019 10:22 by ADMIN

Toolbar's show() and hide() method do not properly toggle items visibility in the overflow popup.

Case 1: https://dojo.telerik.com/aXEyIrEW/6

The 'Button' is visible in both the Toolbar and the overflow popup initially.

Case 2: https://dojo.telerik.com/erEnafir/39

When the Toolbar is resized so that the 'Dashboard' button is not visible, the 'Dashboard' button is also not visible in the overflow popup.