Dropdown tree popup not opening for version above 26.x.x

Hello Team,

Dropdown tree popup is not opening, even after I have updated to latest version from 26.x to 27.x

Also it should have option to keep popup open constant and its position could be adjusted to top-bottom (fixed). So that we can also use it as tree view integrated with dropdown list

Below image shows the requirement.
  Image_4534_1727325781437


1 Reply

VM Vishwanathan Muruganantham Syncfusion Team September 30, 2024 09:29 AM UTC

Hi Kishor,


Greetings from Syncfusion support.


We have validated the issue of the “Dropdown tree popup not opening for versions above 26.x.x” with our latest version 27.1.50 but were unable to replicate it. The popup open and close actions work as expected. If the issue persists, please share the code details to help us provide a prompt solution.


Additionally, we would like to inform you that the popup element is rendered based on the available space. If there is insufficient space at the bottom, it will move to the top position.


We can prevent the popup from closing in the “OnPopupClose” event by setting “args.Cancel” to true. This will keep the popup in an open state.


Refer to the below code snippet for reference.


@using Syncfusion.Blazor.Navigations

@using Syncfusion.Blazor.DropDowns

<SfDropDownTree TItem="Listdata" TValue="string" ID="checkbox" ShowSelectAll AllowMultiSelection ShowCheckBox="true" AutoUpdateCheckState="true" Mode="DdtVisualMode.Box" OnPopupClose="OnClose">

    <DropDownTreeField TItem="Listdata" DataSource="@ListDataSource" ID="Id" ParentID="Pid" Text="Name" HasChildren="HasChild" Expanded="Expanded"></DropDownTreeField>

</SfDropDownTree>

   

@code {

    public void OnClose(PopupEventArgs args)

    {

        args.Cancel = true;

    }

  

    List<Listdata> ListDataSource = new List<Listdata>

    {

        new Listdata { Id = "1", Name = "Australia", HasChild = true, Expanded = true },

…  


Sample: Attached as zip file.


Best regards,

Vishwanathan


Attachment: BlazorDropdownTree_b646b38e.zip

Loader.
Up arrow icon