The pop-up window is not shown on top of all the others and

[Salvatore]

In the code I used a simple Sfgrid inside SfAccordionItem and enabled ShowColumnChooser on grid.

            <SfAccordion>
        <AccordionItems>
            <AccordionItem>
                <HeaderTemplate>FIRST</HeaderTemplate>
                <ContentTemplate>
                    <SfGrid DataSource="@DataSource" AllowPaging="true" AllowSorting="true"
                            AllowFiltering="false" AllowGrouping="false" TValue="Student"
                            AllowPdfExport="true" AllowExcelExport="true" ShowColumnChooser="true" Toolbar=@ToolbarItems>
                        <GridPageSettings PageCount="5" PageSizes="true"></GridPageSettings>
                        <GridEditSettings AllowEditing="true" Mode="EditMode.Dialog"
                                          AllowAdding="true"
                                          AllowDeleting="true"
                                          NewRowPosition="NewRowPosition.Bottom"
                                          ShowDeleteConfirmDialog="true">
 
                        </GridEditSettings>
                        <GridColumns>
                            <GridColumn Field=@nameof(Student.StudentId) HeaderText="ID" IsPrimaryKey="true" TextAlign="TextAlign.Center" DefaultValue="100"></GridColumn>
                            <GridColumn Field=@nameof(Student.Name ) HeaderText="Name"></GridColumn>
                        </GridColumns>
                    </SfGrid>
                </ContentTemplate>
            </AccordionItem>
            <AccordionItem>
                <HeaderTemplate>Second</HeaderTemplate>
                <ContentTemplate>
                </ContentTemplate>
            </AccordionItem>
            <AccordionItem>
                <HeaderTemplate>Thirdh</HeaderTemplate>
                <ContentTemplate>
                </ContentTemplate>
            </AccordionItem>
            <AccordionItem>
                <HeaderTemplate>Fourth</HeaderTemplate>
                <ContentTemplate>
                </ContentTemplate>
            </AccordionItem>
        </AccordionItems>
    </SfAccordion>
</Content>

private List<Student> DataSource { get; set; } = new()
{
    new Student() { StudentId = 1, Name = "John" },
    new Student() { StudentId = 2, Name = "Mike"},
    new Student() { StudentId = 3, Name = "Tom" },
};

I look forward to your kind reply

[Vignesh Natarajan]

Hi Salvatore,  

Thanks for contacting Syncfusion support. 

Query: “The pop-up window is not shown on top of all the others and” 

 

We have validated the reported and we are able to reproduce the reported issue at our end also. Kindly apply the below style to your accordion component to resolve the reported issue. Refer the below code 

 

<style> 

    .e-accordion .e-acrdn-item, 

    .e-accordion .e-acrdn-item .e-acrdn-panel, 

    .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content, 

    .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * { 

        overflow: visible; 

    } 

</style> 

 

 

 

Please get back to us if you have further queries.  

Regards, 

Vignesh Natarajan