What's Changed

• fix(Grid): Add better handling for fraction numbers, as result of zoom. by @MayaKirova in #16427
• fix(grid): use ig-size for icon in grid cell to not override component styles by @didimmova in #17027
• fix(stepper): fix vertical jump in step text in indigo by @didimmova in #17023

Full Changelog: 20.1.21...20.1.22

What's Changed

• feat(Grid): Add IgxGridMRLNavigationService to providers - 21.1.x by @IMinchev64 in #16994

Full Changelog: 21.1.1...21.1.2

What's Changed

• Update skills based on the latest bugs and feedback - 21.1.x by @zdrawku in #17012
• fix(skills): add igx-buttongroup and icon button to igniteui-angular-components skill by @Copilot in #17003
• fix(grid): Init activeNode layout if not set or cleared. by @MayaKirova in #17019
• fix(Grid): Add better handling for fraction numbers, as result of zoom. by @MayaKirova in #17009

Full Changelog: 21.1.0...21.1.1

What's Changed

• fix(igxGrid): Exclude merged cells from default row height calcs. by @MayaKirova in #16956
• fix(simple-combo): prevent simple combo from clearing on blur - 20.1.x by @georgianastasov in #16941
• fix(grid): Init activeNode layout if not set or cleared. by @MayaKirova in #16912

Full Changelog: 20.1.20...20.1.21

What's Changed

• ci(lib): Authenticate via github app by @dafo in #16971

Full Changelog: 21.1.0...21.2.0-alpha.1

Full Changelog: 21.1.0...21.2.0-alpha.0

New Features

• IgxPdfExporterService

  • Added customFont property to IgxPdfExporterOptions for Unicode character support in PDF exports. By default, the PDF exporter uses Helvetica, which only supports basic Latin characters. When exporting data containing non-Latin characters (Cyrillic, Chinese, Japanese, Arabic, Hebrew, special symbols, etc.), you can now provide a custom TrueType font (TTF) with the required character glyphs.

    import { IgxPdfExporterService, IgxPdfExporterOptions } from 'igniteui-angular/grids/core';
    import { NOTO_SANS_REGULAR, NOTO_SANS_BOLD } from './fonts/noto-sans';
    
    constructor(private pdfExporter: IgxPdfExporterService) {}
    
    exportWithUnicodeSupport() {
        const options = new IgxPdfExporterOptions('GridExport');
        options.customFont = {
            name: 'NotoSans',
            data: NOTO_SANS_REGULAR,  // Base64-encoded TTF font data
            bold: {
                name: 'NotoSans-Bold',
                data: NOTO_SANS_BOLD  // Optional: Base64-encoded bold TTF font data
            }
        };
        
        this.pdfExporter.export(this.grid, options);
    }

    Key features:

    • Supports any TrueType font (TTF) provided as Base64-encoded data
    • Optional bold font variant for header styling
    • Automatic fallback to Helvetica if custom font loading fails
    • Works with all grid types (IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, IgxPivotGrid)

• IgxTooltipTarget

  • Added new properties:

    • showTriggers - Which event triggers will show the tooltip. Expects a comma-separated string of different event triggers. Defaults to pointerenter.
    • hideTriggers - Which event triggers will hide the tooltip. Expects a comma-separated string of different event triggers. Defaults to pointerleave and click.

    <igx-icon [igxTooltipTarget]="tooltipRef" [showTriggers]="'click,focus'" [hideTriggers]="'keypress,blur'">info</igx-icon>
    <span #tooltipRef="tooltip" igxTooltip>Hello there, I am a tooltip!</span>

• IgxNavigationDrawer - Integrated HTML Popover API to place overlay elements when not pinned in the top layer, eliminating z-index stacking issues.

• IgxOverlayService

  • Integrated HTML Popover API into the overlay service for improved z-index management and layering control.
  • The overlay service now uses the Popover API to place overlay elements in the top layer, eliminating z-index stacking issues.
  • Improved positioning accuracy for container-based overlays with fixed container bounds.

• AI-Assisted Development - Copilot Skills

  • Three consolidated Copilot Skills are now included in the repository to teach AI coding assistants/agents (e.g., GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for Angular:
    • Components - UI Components (form controls, layout, data display, feedback/overlays, directives — Input Group, Combo, Select, Date/Time Pickers, Calendar, Tabs, Stepper, Accordion, List, Card, Dialog, Snackbar, Button, Ripple, Tooltip, Drag and Drop, Layout Manager, Dock Manager and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart))
    • Data Grids - Data Grids (grid type selection, column config, sorting, filtering, selection, editing, grouping, paging, remote data, state persistence, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid)
    • Theming & Styling - Theming & Styling (includes MCP server setup for live theming tools)
  • These skills are automatically discovered when placed in the agent's skills path ( e.g. .claude/skills) and this release ships with an optional migration to add those to your project. For more information, see the README.

• Added IgxGridLiteComponent wrapper around the igc-grid-lite Web Component (in Developer Preview)

  Available from the igniteui-angular/grids/lite entry point. The wrapper component adds Angular-friendly API with similar inputs, including two-way bindable sortingExpressions and filteringExpressions, Angular template-based cell and header rendering with declarative templates via the igxGridLiteCell and igxGridLiteHeader directives.

  npm i igniteui-grid-lite
  

  import { IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteHeaderTemplateDirective, IgxGridLiteCellTemplateDirective } from "igniteui-angular/grids/lite";
  
  @Component({
      selector: 'app-grid-lite-sample',
      templateUrl: 'grid-lite.sample.html',
      imports: [IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteHeaderTemplateDirective, IgxGridLiteCellTemplateDirective]
  })
  export class GridLiteSampleComponent { }

  <igx-grid-lite [data]="data">
      <igx-grid-lite-column field="name" header="Name" [sortable]="true">
          <ng-template igxGridLiteCell let-value>
              <strong>{{ value }}</strong>
          </ng-template>
      </igx-grid-lite-column>
  </igx-grid-lite>

General

• IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, IgxPivotGrid

  • Improved performance by dynamically adjusting the scroll throttle based on the data displayed in grid.

• IgxCombo, IgxSimpleCombo

  • Combo and Simple Combo now close the dropdown list and move the focus to the next focusable element on "Tab" press and clear the selection if the combo is collapsed on "Escape".

Breaking Changes

• igxForOf, igxGrid, igxTreeGrid, igxHierarchicalGrid, igxPivotGrid
  • original data array mutations (like adding/removing/moving records in the original array) are no longer detected automatically. Components need an array ref change for the change to be detected.
• IgxGridGroupByAreaComponent has moved from the grids/core to the grids/grid entry point. The ng update migration will prompt you to optionally migrate your imports to the new entry point.

Localization(i18n)

• IgxActionStrip, IgxBanner, IgxCalendar, IgxCarousel, IgxChip, IgxCombo, IgxDatePicker, IgxDateRangePicker, IgxGrid, IgxTreeGrid, IgxHierarchicalGrid, IgxPivotGrid, IgxInputs, IgxList, IgxPaginator, IgxQueryBuilder, IgxTimePicker, IgxTree
  • New Intl implementation for all currently supported components that format and render data like dates and numbers.
  • New localization implementation for the currently supported languages for all components that have resource strings in the currently supported languages.
  • New public localization API and package named igniteui-i18n-resources containing the new resources that are used in conjunction.
  • Added API to toggle off Angular's default formatting completely in favor of the new Intl implementation. Otherwise Intl will be used when a locale is not defined for Angular to use.
  • Old resources and API should still remain working and not experience any change in behavior, despite internally using the new localization as well.

What's Changed

• fix(esf): Correctly process esf nested props and hiearchical structure by @mddragnev in #16893
• Add Skills by @zdrawku in #16942
• Split skill files to follow 500-line content guideline by @Copilot in #16951
• fix(igxGrid): Exclude merged cells from default row height calcs. by @MayaKirova in #16957
• fix(hgrid): Add missing reattach to row island cdr. by @skrustev in #16954
• fix(simple-combo): prevent simple combo from clearing on blur - master by @georgianastasov in #16939
• Update SKILL.md for igniteui-angular-components by @zdrawku in #16963
• chore: bundle agent skills & add migration to copy into project by @damyanpetev in #16961
• fix(grid): fix grid loading indicator position by @wnvko in #16952
• chore(lib): cleanup ng-package.json by @damyanpetev in #16964

Full Changelog: 21.1.0-rc.4...21.1.0-rc.5

What's Changed

• fix(action-strip): update ContentChildren decorator for actionButtons property - 21.0.x by @IMinchev64 in #16843
• fix(date/date-range/timepicker): fix calendar dropdown positioning by @didimmova in #16800
• fix(esf): Correctly process esf nested props and hiearchical structure by @mddragnev in #16894
• fix(grid): keep conditionName in sync on condition changed callback [21.0.x] by @hanastasov in #16925

Full Changelog: 21.0.12...21.0.13

What's Changed

• chore(ci): updating ci to run against one node version 20.1.x by @kdinev in #16917
• Fix column width issues in grid state persistence 20.1.x by @kdinev in #16916
• fix(date/date-range/timepicker): fix calendar dropdown positioning by @didimmova in #16805
• fix(grid): keep conditionName in sync on condition changed callback [20.1.x] by @hanastasov in #16924

Full Changelog: 20.1.19...20.1.20