Skip to content

[ESF] Custom filter dialog buttons wrap to a new row in the Bootstrap theme #17504

Description

@dkamburov

Description

In the Grid - Excel Style Filtering UI, the close (X) button in the filter-condition dialog is misaligned.

Note: it's visible in blazor samples as there we're using precompiled Blazor theme

Framework

Angular

Angular Version

22.0.1

Ignite UI for Angular Version

22.0.0

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

  1. Download and run the attached sample
  2. Open any column ESF filter
  3. Open any text filter condition(for example Contains)
Image

Actual Result

Close button goes to the next row
Image

Expected Result

Close button should be retained on the same row and aligned correctly as in other themes
Image

Reproduction URL

https://www.infragistics.com/blazor-client/grids/hierarchical-grid/excel-style-filtering-sample-1

Attachments

esf-bootstrap.zip

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions