Completed
Last Updated: 30 Apr 2024 14:11 by ADMIN
The Kendo UI Toolbar widget's overflow menu can be opened/closed using the overflow button (by default on the right hand side of the toolbar). However, when the overflow menu is opened and a user clicks the button, the menu closes and immediately reopens again. It can only be closed by clicking somewhere outside of the menu. This DOJO demonstrates this behavior.
Completed
Last Updated: 25 Mar 2024 10:07 by ADMIN
Release R2.2023-Increment.1(15.Mar.2023)

When using the Kendo UI Toolbar widget together with the Tooltip widget, the following problem occurs:

In this DOJO, I have created a toolbar that contains a splitButton with several sub-items. The first sub-item has a title attribute that was set using the attributes option. The tooltip was configured to be active for all items with title attributes. As you can see, the active-styling is applied to the first sub-item as soon as the user hovers over it, although the item is not active an has not been clicked or executed in any other way. This does not happen for the other sub-items - they do not have any tooltips.

The wrongly added styles originate from the .k-active class that is added as soon as the tooltip becomes visible.

Unplanned
Last Updated: 18 Mar 2024 12:16 by ADMIN
Created by: Michael D
Comments: 4
Category: Toolbar
Type: Bug Report
0

The Typescript definitions for Kendo UI define the kendo.ui.ToolBarOpenEvent as follows:

interface ToolBarEvent {
        sender: ToolBar;
        preventDefault: Function;
        isDefaultPrevented(): boolean;
}

interface ToolBarOpenEvent extends ToolBarEvent {
        SplitButton?: JQuery | undefined;
}

The event is also documented that way in https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/events/open. However, the corrersponding method in kendo-toolbar.js:446-453 does the following:

open: function (e) {
    var isDefaultPrevented = that.toolbar.trigger(OPEN, { target: element });
    if (isDefaultPrevented) {
        e.preventDefault();
        return;
    }
    that.adjustPopupWidth(e.sender);
},
Therefore, the SplitButton property is never set, instead, target can be used.
Unplanned
Last Updated: 06 Feb 2024 12:57 by ADMIN
The Kendo UI Toolbar widget supports right-aligning items by adding an item of type "spacer" inbetween as done in this DOJO. If the amount of available space is decreased so that the rightmost item moves into the overflow menu, there is no space between the rightmost visible item and the overflow button. You can see this when hovering over the overflow button or focusing it, so that its boundary becomes visible.
Completed
Last Updated: 12 Jun 2023 12:16 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

Bug report

If you set a class through the items.attributes configuration in the SplitButton, the respective button is unclickable

Reproduction of the problem

  1. Open this example - https://dojo.telerik.com/IvakivUc/5
  2. Try to click the Item2 button

Current behavior

The button is unclickable

Expected/desired behavior

ТThe button should be clickable

Environment

  • Kendo UI version: 2023.1.117
  • Browser: [all ]
Completed
Last Updated: 11 Apr 2023 12:49 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)
Created by: Andreas
Comments: 0
Category: Toolbar
Type: Bug Report
0

Bug report

When adding a new item in the ToolBar it is aligned on the right and before the overflow button.

Reproduction of the problem

  1. Open the API demo - https://demos.telerik.com/kendo-ui/toolbar/api
  2. Add multiple items (Button, SplitButton, etc.)

Current behavior

New items are added on the right side and are placed after the overflow button.

Expected/desired behavior

New items should be rendered next to the already existing items and before the overflow button.

The issue is a regression starting with 2023 R1 SP1 (2023.1.314) release

Environment

  • Kendo UI version: 2023.1.314
  • Browser: [all ]
Completed
Last Updated: 11 Apr 2023 12:48 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

Bug report

When a template item is configured and overflow is set to 'always', the item remains in the main part of the ToolBar (not in the overflow popup). The item is displayed in the oveflow popup only if its text is long e.g. it behaves as its overflow option is set to 'auto'

Reproduction of the problem

  1. Open the Dojo
  2. Resize the rigth pane

Current behavior

The template item is rendered either in the main part of the ToolBar or in the overflow popup, based on the ToolBar`s width

Expected/desired behavior

An item with overflow set to 'always' should be displayed always in the overflow popup.

The issue is a regression starting with 2023 R1 (2023.1.117)

Workaround

The template element is rendered, but with the 'k-hidden' class. Remove the template from the configuration and set only the overflowTemplate. Subscribe to the overflowOpen event and remove the k-hidden class from the needed element:

overflowOpen: function(e){
      setTimeout(function(){
        $('.k-animation-container-shown .k-hidden').removeClass('k-hidden');
      },500)
    },
    items: [
      ....                      
      {
        //template: "<div><label> Labels some text content text text text: </label><input id='labels' style='width: 150px;' /></div>",
        overflowTemplate: "<div><label> Labels: </label><input id='labels' style='width: 150px;' /></div>",
        overflow: "always"
      }
    ]

Dojo - https://dojo.telerik.com/@NeliKondova/UMAvoDEg

Note: The explanation in the following api section should be revised, as the overflow could be set not only to buttons but to the other items as well:

Environment

  • Kendo UI version: 2023.1.314
  • Browser: [all ]
Completed
Last Updated: 11 Apr 2023 12:39 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)
Created by: Jeff
Comments: 1
Category: Toolbar
Type: Bug Report
0

Hello,

In the documentation for the Kendo jQuery ToolBar, there is support listed for button group 'items.buttons.toggle' if the button is of type button and has 'togglable' set to true. However, it seems that if that button group is set to "overflow: 'always'" the toggle method stops functioning, even if the button is listed as togglable.

I've recreated the issue in this dojo:
https://dojo.telerik.com/OPebOsEC/5

 

Is the toggle method unsupported for overflow buttons? If so, I can't find any reference to that in the documentation.

Thanks!

Completed
Last Updated: 06 Apr 2023 10:23 by ADMIN

The Kendo UI Toolbar widget supports enabling/disabling items via the various enable options for items, splitButtons and buttonGroups or after initialization via the enable() method. In this DOJO, I have created a toolbar with a splitButton that contains several sub-items. As you can see, I have disabled the second sub-item via the options.

However, after disabling and enabling the whole splitButton, the second sub-item is no longer disabled and can be used normally although its enabled property has never been touched.

Since the "main" item of a splitButton is an item on its own that a dedicated click-action can be assigned to etc., I would not expect the enabled property to effect its sub-items.

Completed
Last Updated: 16 Mar 2023 13:50 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

The Kendo UI Toolbar widget supports adding attributes to the created DOM elements of items via the various attributes options for items, splitButtons and buttonGroups. I wanted to use this feature for adding custom CSS classes to sub-items of splitButtons. However, this seems to stop the "k-item" and "k-menu-item" classes from being added to the "li" DOM element. The sub-item is no longer clickable. This DOJO demonstrates the behavior.

The problem can be fixed by re-adding those classes manually in addition to the custom CSS class.

I have not tested what happens when custom CSS classes are added to usual items or items in buttonGroups.

Completed
Last Updated: 15 Feb 2023 13:56 by ADMIN
Release R2.2023-Increment.1(15.Mar.2023)

The Kendo UI Toolbar widget supports navigating between toolbar items using the TAB key if the navigateOnTab option is set to true. However, if the page is resized after the widget's creation so that more items are visible (i.e. not overflown) than before, those items are not reachable via keyboard.

This DOJO demonstrates this behavior: When the toolbar is created, the container is only 300px wide, which offers room for the first three items only. When setting the width back to "auto" afterwars, the rest of the items moves back out of the overflow menu, but cannot be focused.

Calling resize() does not help.

Completed
Last Updated: 15 Feb 2023 13:56 by ADMIN
Release R2.2023-Increment.1(15.Mar.2023)
Created by: Michael D
Comments: 3
Category: Toolbar
Type: Bug Report
0

The Kendo UI Toolbar supports navigating between toolbar items uing the TAB key if the navigateOnTab option is set to true. However the overflow button which opens the overflow menu is not reachable by keyboard.

This DOJO demonstrates the behavior.

Completed
Last Updated: 06 Feb 2023 14:48 by ADMIN

The Kendo UI Toolbar supports keyboard navigation between its items either via TAB/SHIFT+TAB or the RIGHT and LEFT arrow keys (documented here). However, there are some issues:

  • While the arrow keys cycle endlessly, the user needs to be able the "escape" this cycle when using TAB, otherwise parts of the page would be inaccessible by keyboard. This "breakout" does not work when navigating backwards (SHIFT+TAB) in some scenarios as this DOJO demonstrates. Also, when focusing "After" and pressing SHIFT+TAB, the focus jumps to the splitButton instead of the overflow anchor which is inconsistent with the way TAB alone works.
  • When the last visible (not-overflown) item is a separator after a splitButton, the overflow anchor is not focusable via TAB at all. This can be witnessed in this DOJO. However, when combining the items differently, everything seems to work fine.
Declined
Last Updated: 17 Jan 2023 11:40 by ADMIN

Bug report
Toolbar splitButton togglable not working since version 2022.2.621Reproduction of the problem

Reproduction of the problem:

Dojo demo: https://dojo.telerik.com/EvOpoWaj

The toggle event does not fire for splitButton since the 2022.2.621 release

Expected/desired behavior
Toggle event shall fire

Environment
Kendo UI version: 2022.2.621 or newer
Browser: [all]

Completed
Last Updated: 03 Jan 2023 08:23 by ADMIN
Release R1.2023-Increment.3(18.Jan.2023)
Created by: Stephen
Comments: 1
Category: Toolbar
Type: Bug Report
0

Hello,

In 2022.3.1109(but starting in 2022.1.119) using the Bootstrap v3 theme(not sure about any of the others), when you have a ToolBar inside a TabStrip, disabled buttons are invisible instead of greyed-out.

A demonstration can be found here: https://dojo.telerik.com/@Stephen/ESuKUqAD

It is due to the opacity being set incorrectly to 0 due to changes in the CSS rules, specifically there is a now a ".k-tabstrip .k-button.k-disabled" rule that has a higher specificity than the "old" rules.

Current/broken rules:

The rules in the last version it worked(2021.3.1207):

 

While I'm sure I can figure out a workaround, an official workaround/fix would probably be better.

 

Thanks.

Completed
Last Updated: 15 Dec 2022 14:07 by ADMIN
Release R1.2023-Increment.3(18.Jan.2023)

Bug report

Adding an anchor tag styled as a Kendo button to the Toolbar via a template does not navigate to the set url.

Reproduction of the problem

  1. Run this dojo.
  2. The first item in the ToolBar - the anchor tag, styled as Kendo button - will not redirect to the specified url.

Expected/desired behavior

Clicking on the first item should navigate to the set url, similar to plain anchor tag or a button command.

Environment

  • Kendo UI version: 2022.3.1109
  • Browser: [all]
Completed
Last Updated: 22 Jul 2022 07:39 by ADMIN
Release 2022.R2.SP.next
Created by: Peadey
Comments: 0
Category: Toolbar
Type: Bug Report
0

Bug report

A Form that has a Toolbar in it is being submitted if the Toolbar SplitButton is pressed.

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/ixIjoWUq/3
  2. Press the SplitButton.

Current behavior

The Form is being submitted

Expected/desired behavior

The Form should not be submitted

Environment

  • Kendo UI version: 2022.2.621
  • Browser: [all]
Declined
Last Updated: 27 Jun 2022 06:16 by ADMIN

The Kendo UI Toolbar widget supports adding SplitButtons that can contain several options. By default, the dropDown with the options can be opened using ALT+DOWN when the SplitButton is focused. This works as expected. According to the documentation, pressing UP or DOWN should now move the focus to the next or previous item. This happens internally, but there is no visual clue for the user. It is impossible to know which item is currently selected.

This DOJO demonstrates the bug.

Completed
Last Updated: 24 Jun 2022 11:46 by ADMIN
Created by: Michael D
Comments: 1
Category: Toolbar
Type: Bug Report
0

When a toolbar with several items is resized so that not all items can be displayed at once anymore, some items should be "moved" to the overflow container. I am, of course, assuming that these items have "overflow" set to "auto", which is the default value. As soon as at least one item is overflown, the overflow button should be displayed. This DOJO creates such an environment.

Now, when you resize the page so that the overflow is activated, you can see that not enough space is reserved for the overflow button. It is (first partially, then fully) hidden behind the rightmost item before this item is finally "moved" to the overflow container.

If you look closely, you can still see parts of the three dots behind the "Toggle" item.

Completed
Last Updated: 13 Jun 2022 10:27 by ADMIN
Release 2022.R2.SP.next

Bug report

The overflow menu of the Toolbar gets hidden below one of its tools. This issue is replicable in scenarios with a lot of tools or when a Toolbar is opened on a small screen.

Reproduction of the problem

  1. Open this Dojo example
  2. Start resizing the window in which the Toolbar is loaded in a way its tools start to move in the overflow menu

Current behavior

At some point, the last visible Toolbar element is hiding the icon of the overflow menu.
image

Expected/desired behavior

The icon of the overflow menu should be constantly visible, no matter the number of elements in the Toolbar or the size of the screen.
image

Environment

  • Kendo UI version: 2022.2.510
  • jQuery version: x.y
  • Browser: [all]
1 2