Unplanned
Last Updated: 01 Feb 2023 13:17 by Kalpeshkumar
Our issue is when we are using OnRead for fetching data based on the entered text, the keyboard navigation is not working. The scroll mode is virtual. The volume of data will be large.
Unplanned
Last Updated: 26 Dec 2022 15:04 by Hiren

Testing this Select All Checkbox sample in Safari produces a different result compared to other browsers.

Click on the CheckBox in the MultiSelect Header Template closes the popup in Safari. In other browsers (e.g. Chrome, Firefox) the popup remains open after checking the SelectAll CheckBox.

Duplicated
Last Updated: 05 Dec 2022 16:40 by ADMIN
Created by: Kasim
Comments: 1
Category: MultiSelect
Type: Feature Request
2

Telerik Multi Select to have optional top level header item with check box & title "Select All" [Localizable]. 

If all items are selected, the display box of the Multi-Select should show "All Selected" instead of list of selected items.

Unplanned
Last Updated: 29 Nov 2022 14:44 by ADMIN
Created by: Daniel
Comments: 7
Category: MultiSelect
Type: Feature Request
21

In the MultiSelect Component you have Item, Footer, and Header Template sub components. I see no way of providing a template for the selected items. This would be a very nice feature to have. 

My specific use case it that I would like to add a tool tip to the selected tags. 

 

Thanks

Unplanned
Last Updated: 22 Nov 2022 04:41 by Srinivas
Created by: Adam
Comments: 4
Category: MultiSelect
Type: Feature Request
55

I'm seeing a scroll bar appear then disappear as I type. Repeatedly typing "a" in the box will show/hide the scroll bar. Also typing "a" then backspace has the same behavior.

<TelerikMultiSelect Filterable="true" Data="@Countries"
                    @bind-Value="@Values"
                    Placeholder="Enter Balkan country, e.g., Bulgaria"
                    Width="350px" ClearButton="true"
                    AutoClose="false">
</TelerikMultiSelect>


@if (Values.Count > 0)
{
    <ul>
        @foreach (var item in Values)
        {
            <li>@item</li>
        }
    </ul>
}

@code {
    List<string> Countries { get; set; } = new List<string>();
    List<string> Values { get; set; } = new List<string>();   

    protected override void OnInitialized()
    {
        Countries.Add("Albania");
        Countries.Add("Bosnia & Herzegovina");
        Countries.Add("Bulgaria");
        Countries.Add("Croatia");      

        base.OnInitialized();
    }
}

---

ADMIN EDIT:

Currently, the component works the following way:

  1. User starts typing in the input of the component.
  2. Popup of the MultiSelect opens.
  3. Skeleton is shown:
  4.  Data processing starts.
  5. After the data is processed, the skeleton is replaced with the actual data.

The scrollbar is shown by the skeleton and is always present (visible on step 3). The tricky part is that If the user is typing very fast, the Blazor framework bundles 2 renderings together and thus the scrollbar is not visible. The result is that the user sees a very brief flicker with the skeleton. Adding a small delay before showing the skeleton on step 3 will prevent the user from seeing the skeleton and thus remove the impression of seeing a "flicker".

---

Unplanned
Last Updated: 16 Nov 2022 14:03 by Meindert
Created by: Meindert
Comments: 0
Category: MultiSelect
Type: Feature Request
2

Please add group header template for the MultiSelect. There are two goals:

  • Customize the group items' appearance.
  • Implement custom behaviors, for example - batch select or unselect of all items in the group by clicking on the group header.
Unplanned
Last Updated: 04 Nov 2022 06:02 by Neil
Created by: Patrik Madliak
Comments: 2
Category: MultiSelect
Type: Bug Report
1

Description

In Firefox, there are occasions in which multiple items remain focused (k-focus class is not removed from the blurred item)

Reproduction (if bug)

  1. Create a multiselect and set AutoClose="false".
  2. Open the component and select a few items.
  3. Close the component.
  4. Open the component and select a new item.
  5. Two items have the k-focus class.

Second related case:

  1. Create a multiselect and set AutoClose="false".
  2. Open the component and navigate up and down with the keyboard arrows.
  3. Select an item.
  4. The last focused item with the arrows is focused as well as the newly selected item.

REPL for reproduction

Expected (if bug)

Only one item should have the k-focus class at a time.

Browser (if bug)

Firefox

Broken Telerik UI for Blazor version (if bug)

3.5.0

Planned
Last Updated: 25 Oct 2022 11:29 by ADMIN
Scheduled for 4.1.0 (01/03/2023)
Created by: Kevin
Comments: 0
Category: MultiSelect
Type: Feature Request
24

I would like to have the ability to refresh the Multiselect Popup.

Currently, if the AutoClose="false" feature is applied and the items are programmatically selected, you cannot display them as selected while the Popup is opened. You need to close it first to accordingly update the selected items collection in it.

Completed
Last Updated: 23 Sep 2022 09:06 by ADMIN
Release 3.6.1 (26 Sep 2022)

To reproduce:

  • Use the Local Data code snippet
  • Open the popup
  • Scroll down
  • Close the popup
  • Open the popup again
  • Blank space will be rendered above the visible items.
Unplanned
Last Updated: 13 Jul 2022 12:28 by Eugene
Created by: Eugene
Comments: 0
Category: MultiSelect
Type: Feature Request
2
My question is regarding MultiSelect. I would like to order the groups inside the MultiSelect as follows:

Category 2

- Item 1

- Item 2

Category 1

- Item 3

- Item 4

But the MultiSelect control seems to order the category name alphabetically (Category 1, Category 2, etc).
Completed
Last Updated: 02 Jun 2022 13:07 by ADMIN
Release 3.4.0
The MultiSelect does not update its tags when selecting items with the keyboard when the component is housed in the ContextMenu
Unplanned
Last Updated: 02 Mar 2022 15:43 by ADMIN

The following, took a bit of effort to identify where the behaviour was failing for a screen reader.

 

for all scenarios below the multi-select component currently has items (more than one) in it as selected.

 

GOOD

if keyboard focus is on text edit, and u leave the component (w/ tab key), when revisiting the component (w/ shift+tab keys) all selected items are read out correctly

 

BAD

if keyboard focus is on selected item, and u leave the component (w/ tab key), when revisiting the component (w/ shift+tab key) the focused (selected) item is not read out correctly.

(sorry example read out not provided)


GOOD

selected items are read out correctly when;

  • closing items panel w/ escape key,
  • closing items panel when selecting an item

 

BAD

delete item;

  • remove all selected items w/ escape key does not inform a screen reader user of the outcome; that no item is now selected (should state something).
  • removing last item with backspace does not inform screen reader of the outcome; that no item is now selected (should state something). I swear this worked once with firefox.

the following behaviour also occurs after removing all items via a keyboard, the keyboard focus becomes lost;

  • (BAD) most times u can't press a right / down key into the text section of the multi-select (experienced w/ firefox too)
  • (GOOD) most times can press alt+down to bring the panel (experienced w/ firefox too)
  • (GOOD) u can still tab out to next clickable object
Duplicated
Last Updated: 02 Jan 2022 11:40 by ADMIN

 

Hi,

When displaying a MultiSelect control on a TelerikWindow (modal), the dropdown of items is displayed behind the dialog:

 

How can I change the Z-Index of the dropdown?

Declined
Last Updated: 28 Dec 2021 14:11 by Alan

This appears to be documented behavior, but it also seems to me like this is something that the component should be handling.

When using row virtualization with a Grid, a DropDownList, a MultiSelect, etc, the OnRead is called for every scroll event, regardless of whether the component _actually_ needs to fetch new data or not.

 

For example:  A DropDownList with a PageSize of 100, but with only 10 items visible in the dropdown at a time will ask for 100 records every time the user even scrolls 1 record down. This results in many requests to the backend server, with many of the results being the majority of the contents from the previous request.

 

I have worked around this by implementing a buffer that keeps results for me and returns them as the user scrolls, only requesting for more from the backend server when the buffer runs out, but this feels like something that the components themselves should be handling.

 

If this is expected behavior, all good.  Just wanted to raise some awareness on it.

Duplicated
Last Updated: 21 Dec 2021 13:43 by ADMIN

Using row virtualization on MultiSelect, and am attempting to put a loading indicator into the popup content if the request to the server is still ongoing.

 

Problem with this is that the popup contents don't update if the popup is open when loading finishes.  I put together a reproduction on Telerik REPL showing the behavior I am experiencing.

https://blazorrepl.telerik.com/mvvQvVvN2458vinQ36

 

Note, Options finish loading (seen by the div update above the MultiSelect component), but if the popup is open, the contents do not update to reflect the loaded options.

 

 

My current workaround is to just make the MultiSelect disabled while it is doing its initial load.

Unplanned
Last Updated: 01 Dec 2021 16:16 by ADMIN
If the Multiselect has items selected and is not focused, clearing one item does not focus the component while clearing all items does. Deselecting single item should focus the component as well.
Declined
Last Updated: 30 Sep 2021 09:20 by ADMIN

When user is inside list of selected options/items, navigating amongst the items with keyboard left/right keys, it states "item # of # of items of level 1". 
what is "of level 1"? (is items selected in level 1 and level 2 is the text editable section?)

i am expecting the screen reader to state item "<value/label/title>" when i set focus to an item via keyboard left or right.

The issue did not occur in firefox. Sorry, i have not provided the firefox readout w/ the screen reader for comparison.

 

however, for the most likely user scenario the behaviour with the screen reader is correct.

if keyboard focus is on text edit, and u leave the component (w/ tab key), when revisiting the component (w/ shift+tab keys) all selected items are read out correctly

 

tested in Chrome and firefox using NVDA.

 

 

 

Duplicated
Last Updated: 29 Sep 2021 05:47 by ADMIN

Hi team,

I just upgraded Blazor version to 2.25 and the primary button in FooterTemplate of MultiSelect started behaving differently. This was shown correctly prior to update. Also, normal button where Primary="true" is shown with correct styling.

I have written a little code snippet to demonstrate.


            <div class="row">
                <div class="col-2">
                    <TelerikButton ButtonType="Telerik.Blazor.ButtonType.Button"
                                   Icon="k-icon k-i-add"
                                   Primary="true">
                        New Value
                    </TelerikButton>
                </div>

                <div class="col-10">
                    <TelerikMultiSelect Data="@(
                                            new List<SelectListItem>()
                                            {
                                                { new SelectListItem { Text = "Text 1", Value = "Value1" } },
                                                { new SelectListItem { Text = "Text 2", Value = "Value2" } },
                                                { new SelectListItem { Text = "Text 3", Value = "Value3" } },
                                                { new SelectListItem { Text = "Text 4", Value = "Value4" } }
                                            })"
                                        FilterOperator="StringFilterOperator.Contains"
                                        Filterable="true"
                                        TItem="SelectListItem"
                                        TValue="string"
                                        TextField="Text"
                                        ValueField="Value">
                        <FooterTemplate>
                            <TelerikButton ButtonType="Telerik.Blazor.ButtonType.Button"
                                           Icon="k-icon k-i-add"
                                           Primary="true">
                                New Value
                            </TelerikButton>
                        </FooterTemplate>
                    </TelerikMultiSelect>
                </div>
            </div>

 

As it can be seen the the code for button is exactly same in both places but the output is different.

Please have a look into this.

Many thanks,

 

 

Unplanned
Last Updated: 22 Sep 2021 14:08 by ADMIN
Created by: Johan
Comments: 1
Category: MultiSelect
Type: Feature Request
19

Hi,

I would like checkbox support including the check all checkbox on the multiselect component like: https://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/functionality/checkbox-support

The url below shows how to create custom checkboxes in the multiselect component but adding a check all checkbox in the headertemplate does not update the multiselect popup

https://docs.telerik.com/blazor-ui/knowledge-base/multiselect-checkbox-in-dropdown?_ga=2.50111909.206897922.1631541466-694624900.1630583797&_gac=1.246637872.1631604077.EAIaIQobChMI8PnX6Pb98gIVkwCLCh381AjMEAAYASAAEgLROPD_BwE

Declined
Last Updated: 17 Sep 2021 16:58 by ADMIN

In drop down panel colour indicates which option has been selected (is it the dark colour or is the light colour). Suggestion: having an icon of tick would assist.

 

As an alternative option - Blazor MultiSelect - Templates | Telerik UI for Blazor this would be great if you could template selected and non-selected items, but at the moment there is just the one item template.

1 2