Not able to Drag and drop of on Listbox 3 and listbox 4

[Karan Patel]

If we have multiple Listbox groups on the page and if we want to drag from one to another, then, in that case, only one group of 1 list box is working; the other is not working.

Here only Listbox1 and Listbox 2 are working for drag and drop, but the other listbox3 and listbox4 Are not working on drag and drop.

 <div class="row">

                            <div id="listbox3">

                                <h4>Service Name not added in Milestone</h4>

                                <SfListBox @ref="@firstListRef" TValue="string[]" DataSource="@allServiceType" AllowDragAndDrop="true" Scope="combined-list" Height="290px" TItem="ServiceType">

                                    <ListBoxFieldSettings Text="Name" Value="Id" />

                                </SfListBox>

                            </div>

                            <div id="listbox4">

                                <h4>Selected Service Type in Milestone</h4>

                                <SfListBox @ref="@secondListRef" TValue="string[]" DataSource="@allSelectedServiceType" Scope="combined-list" AllowDragAndDrop="true" Height="290px" TItem="ServiceType">

                                    <ListBoxFieldSettings Text="Name" Value="Id" />

                                </SfListBox>

                            </div>

                        </div>

                        <br />

                        <div class="row">

                            <div id="listbox1">

                                <h4>Not Selected Acitivity</h4>

                                <SfListBox @ref="@afirstListRef" TValue="string[]" DataSource="@allActivityTypes" AllowDragAndDrop="true" Scope="combined-list" Height="200px" TItem="ActivityType">

                                    <ListBoxFieldSettings Text="Name" Value="Id" />

                                </SfListBox>

                            </div>

                            <div id="listbox2">

                                <h4>Selected Acitivity</h4>

                                <SfListBox @ref="@asecondListRef" TValue="string[]" DataSource="@allActivityTypesSecond" Scope="combined-list" AllowDragAndDrop="true" Height="200px" TItem="ActivityType">

                                    <ListBoxFieldSettings Text="Name" Value="Id" />

                                </SfListBox>

                            </div>

                        </div>

[YuvanShankar Arunagiri]

Hi Karan,

We are unable to replicate the issue in our end. For your reference, we have prepared the video demonstration and sample, please find the below attachment.

If you are still facing issue, please share the below details.

• Share the issue reproducible sample or replicate the issue in our sample.

• Share the video demonstration of issue replicable.

Please provide the above requested information, based on that we will check and provide you a better solution quickly.

Regards,

YuvanShankar A

Attachment: BlazorApp1net6_(2)_cdcb8de0.zip