Selected items remain visible in list of options

4 posts, 0 answers
  1. Paul
    Paul avatar
    4 posts
    Member since:
    Jun 2014

    Posted 24 Mar 2015 Link to this post

    Since upgrading to Q1 2015 release, our users are complaining that when you select an item from a multi-select, that item remains in the list of items that can be added.  Selected items have a class of "k-state-selected" so they show with a different colour background and selecting an item again will remove from the result set, but the behaviour is confusing and annoying to the end-users and I cannot work out how to disable it.

    This change is not documented here and I cannot find any mention of it in the API reference. How do I make multi-selects behave as in the previous release please?

  2. Georgi Krustev
    Georgi Krustev avatar
    3747 posts

    Posted 25 Mar 2015 Link to this post

    Hello Paul,

    The described behavior was introduced in Q1 2015 due the virtualization functionality. It wasn't compatible with the dynamic rendering of the UI. The new behavior allows to select/unselect items using keyboard navigation, which before was not possible. Also many users wanted from us to enable this selection behavior due the need to display "checkbox" elements (to keep the selected items visible).

    This breaking change is documented in our "Changes and backward compatibility" page.

    For now, I would not be able to provide any feasible workaround for this change.

    Georgi Krustev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Chris
    Chris avatar
    2 posts
    Member since:
    Sep 2013

    Posted 18 Jul 2017 in reply to Georgi Krustev Link to this post

    Are there any accepted solutions for this yet? It is important for us to be able to filter out selected items from the dropdown list. I stumbled upon this post ( but that does not work well with virtualization due to its fixed item height requirement.
  4. Nencho
    Nencho avatar
    1886 posts

    Posted 20 Jul 2017 Link to this post

    Hello Chris,

    I am afraid that in a virtualized multiselect scenario, the intended change in the functionality is not applicable. On the one hand, visually changing the appearance, like demonstrated in the forum post where I have supplied a css solution, is not applicable due to the reason that the multiselect relies on the items height to acquire the different portion of items. On the other hand, since the virtualization is a quite complex implementation - changing dynamically the data source is also not recommended as described in the following limitation section of the documentation article:

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top