Skip to content

[IgxListActions]: icons are not sized properly on initial load if the directive is not applied directly on them #16355

@RivaIvanova

Description

@RivaIvanova

Description

<igx-list>
  <igx-list-item>
    <!-- The icon will be sized properly-->
    <igx-icon igxListAction>star</igx-icon>
  </igx-list-item>
  <igx-list-item>
    <!-- The icon will NOT be sized properly-->
    <div igxListAction>
      <igx-icon>star</igx-icon>
    </div>
  </igx-list-item>
</igx-list>
  • igniteui-angular version: master, 20.1.x,
  • browser: any

Steps to reproduce

  1. Open this sample and observe the two icons on initial load. (The list's default size is medium)
  2. Click the "Medium" button and observe that the size of the second button changes, and it is sized properly.

Result

Image

Expected result

Should size properly on initial load.

Metadata

Metadata

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions