Unplanned
Last Updated: 03 Jul 2020 12:25 by ADMIN
Created by: OfficeHeart
Comments: 1
Category: MultiSelect
Type: Bug Report
0

LS,

When the option highlightFirst is set to false and the autoBind is set to false, the first item is always highlighted.

 

Steps to reproduce:

Edit this example: https://demos.telerik.com/kendo-ui/multiselect/index

Add the parameters:

              highlightFirst: false,
              autoBind: false,

Click on the multiselect, the multiselect will open, but the first item is highlighted. Expected behaviour: first item not highlighted.

Change the autoBind to true or undefined, the first item isn't highlighted.

The problem with the first item highlighted is that this option will be selected when the user hits enter.

Is there any work around for this issue?

Thanks in advance.

Maritn Quaak

Unplanned
Last Updated: 17 Jun 2020 10:48 by Joel

Bug report

When an empty array is passed to the MultiSelect's value method inside the deselect event, the item that is deselected remains selected in the MultiSelect.

Reproduction of the problem

  1. Open this Dojo and run it
  2. Expand MultiSelect's popup list and click on "All" item.

Current behavior

The different MultiSelect items are deselected except for the "All" item.

*If the "if" statement is removed from the deselect event function in the Dojo, and only the 'e.sender.value([]);' is kept, the issue is reproducing no matter of the selected item in MultiSelect's popup.

Expected/desired behavior

Calling 'e.sender.value([]);' should remove all items selected in the MultiSelect.
Click on the "Clear values" button to see the expected behavior.

Environment

  • Kendo UI version: 201x.r.ddd
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 29 May 2020 11:17 by Sid

Bug report

MultiSelect with virtualization and tagMode: single deselects items when too many items are selected.

Reproduction of the problem

  1. Download and unzip the attached project.
  2. Run the project.
  3. Start selecting items from the first item on.

For convenience, attached is a small video demonstrating the behavior.

Note: So far I was unable to reproduce the issue in a Dojo example when trying to replicate the configuration from the project.

Current behavior

At some point, the dropdown popup will scroll up, and some items that have been selected, will be deselected. Also, the single tag for the selected items will disappear.

Expected/desired behavior

The component should not be deselecting items, should not scroll up and the tag should not disappear.

Attachments:
Project - MultiSelectIssue.zip
Video - Kendosln_Issue.zip

Environment

  • Kendo UI version: 2020.1.406
  • Browser: [all]
Unplanned
Last Updated: 15 May 2020 13:35 by Sid

Bug report

MultiSelect with virtualization scrolls automatically to the first item in the dropdown after selecting items.

Note: the issue is reproduced inconsistently.

Reproduction of the problem

  1. Open the Dojo example - https://dojo.telerik.com/oSuTUhiQ/4.
  2. Scroll to e.g item 10296.
  3. Start selecting all the items down.

Current behavior

At some point, the component will scroll to the top of the dropdown.

Expected/desired behavior

The component should not scroll to the top, the focus should stay on the currently selected item.

Environment

  • Kendo UI version: 2020.2.513
  • Browser: [all]
Unplanned
Last Updated: 09 Mar 2020 12:35 by Sathya
Created by: Sathya
Comments: 0
Category: MultiSelect
Type: Bug Report
0

Bug report

In IE 11, MultiSelect with autoClose:false does not prevent the popup from closing. The widget has to be placed at the bottom of the page, so that there is no space for the popup to open below the input field.

Reproduction of the problem

  1. Open this Dojo example.
  2. Scroll to the bottom of the page.
  3. Start selecting items until the tags do not fit the input field.
  4. When the input's height expands, the popup closes.

Current behavior

The popup closes when the height of the input field expands to fit tags on a new line.

Expected/desired behavior

The popup should remain open.

Environment

  • Kendo UI version: 2020.1.219
  • Browser: [Internet Explorer 11]
Unplanned
Last Updated: 26 Sep 2019 10:39 by ADMIN

Hello!

 

Firstly, in the keyboard navigation demo for the MultiSelect widget (https://demos.telerik.com/kendo-ui/multiselect/keyboard-navigation) the follwing two keyboard shortcuts are documented:

  • SHIFT + UP-ARROW: select previous item
  • SHIFT + DOWN-ARROW: select next item

 

In the following scenario, these shortcuts cause some strange behaviour:

  • select two consecutive items with SHIFT+DOWN-ARROW (e.g. "Small" and "Medium")
  • use the arrow keys to move the focus further down (e.g. to "X-Large")
  • press SHIFT+DOWN-ARROW again

I would expect "X-Large" and "2X-Large" to be selected in addition to the already selected items "Small" and "Medium". Instead, "Large" is selected as well. Is this behaviour intended?

 

Secondly, every time the user clicks and selects an entry of the MultiSelect popup, the popup is closed. Is there a way to prevent that closing. Or is there a way of selecting without triggering a close event (like pressing CTRL etc.)?

 

Thank You!

Unplanned
Last Updated: 08 May 2020 11:55 by ADMIN
Scheduled for 2020.3

I'm submitting a...

  • Bug report

Current behavior

When the MultiSelect is wrapped in a container with class .k-edit-field or .k-edit-buttons (e.g in a Grid popup editor) and the selected tags are hovered, their background-color becomes transparent.

The issue is partly related to #701.

Expected behavior

The MultiSelect tags should not have transparent background when hovered.

Minimal reproduction of the problem with instructions

The issue can be reproduced with the following Dojo example:

  • Hover over one of the selected tags to see the background-color issue.

Environment

Product:

  • Kendo Ui for jQuery
Unplanned
Last Updated: 25 Jun 2019 08:58 by ADMIN

Bug report

The "aria-setsize" attribute is missing when initializing a MultiSelect with default selected values in AngularJS

Reproduction of the problem

  1. Open this Dojo and run it
  2. Right-click on one of the initially selected items in the MultiSelect.
  3. The selected DOM element will be a "li" tag
  4. Select a new item in the MultiSelect and watch how the definition of the "li" tag will change
  5. When selecting a third element in the MultiSelect. All the three "li" tags will receive an aria-setsize="3" tag, which wasn't presented for the default selected values

Current behavior

When initializing a MultiSelect with default values, the aria-setsize attribute is missing for these values.
aria-size

Expected/desired behavior

The default MultiSelect values should have an aria-setsize attribute added to their selected values
aria-size1

Environment

  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 29 Mar 2019 07:39 by ADMIN
Created by: Eduard Töws
Comments: 1
Category: MultiSelect
Type: Bug Report
1

Hello ladies and gentlemen.

In Bootstrap 4 (and Material) SASS theme the opacity setting for placeholder is missed.

Example: https://demos.telerik.com/kendo-ui/multiselect/index

My fix for Bootstrap 4 (I not known the opacity setting for Material placeholders):

.k-multiselect-wrap {
  > .k-readonly {
    opacity: 0.7;
  }
}
Best regards,
Eduard Töws
Unplanned
Last Updated: 14 Mar 2019 14:11 by ADMIN
Created by: Farukh
Comments: 1
Category: MultiSelect
Type: Bug Report
0

The bug I was talking was when setting tagMode of kendoMultiSelect to single, clicking the clear button (x at right of textbox) doesn’t trigger “deselect” event. Not sure if it’s by design. They fixed a similar bug regarding “change” event - https://github.com/telerik/kendo-ui-core/issues/4649.

 

Repro snippet could be found at

https://dojo.telerik.com/AHAwETUx

Unplanned
Last Updated: 11 Mar 2019 14:15 by ADMIN
  • Open the MultiSelect and add some items
  • Use backspace to remove items

Result: The items that were selected, then un-selected still show as selected in the list

This can be reproduced on the latest demo page. https://demos.telerik.com/kendo-ui/multiselect/index