Grid validation (Angular 22.3): validationTooltipTrigger for the error tooltip #1005

Task type

• New topic / component documentation
• Update existing topic (new release, API change, new feature)
• Add missing platform variant (Angular / React / WebComponents / Blazor)
• Improve existing content (clarity, examples, structure)
• Add or update code samples
• Other

Platform(s)

• Angular
• React
• WebComponents
• Blazor
• All platforms

Description

Ignite UI for Angular 22.3 adds the validationTooltipTrigger input to igx-grid, igx-tree-grid and igx-hierarchical-grid (IgniteUI/igniteui-angular#17345, merged in IgniteUI/igniteui-angular#17889). It controls when the error tooltip of an invalid cell is shown:

• active (default): when an invalid cell becomes active and when the user hovers the error icon, as before.
• hover: only while the user hovers the error icon. The invalid state, the error icon and the invalid styles stay as they are.

<igx-grid [data]="data" validationTooltipTrigger="hover"></igx-grid>

Topic: docs/angular/src/content/en/grids_templates/validation.mdx, which is shared by the Grid, Tree Grid and Hierarchical Grid.

• Describe the input with the snippet above, next to "Validation triggers" or under the customization options. Make clear that validationTrigger controls when validation runs, and validationTooltipTrigger controls when its message is shown.
• API References: validationTooltipTrigger.
• The Web Components, React and Blazor grids are built from igniteui-angular. If their release built from 22.3 exposes the input, make the same change in docs/xplat/src/content/en/components/grids/_shared/validation.mdx.

Acceptance criteria

• The validation topic explains both values and how the input differs from validationTrigger.
• The API References section lists validationTooltipTrigger.
• The xplat validation topic is updated, or confirmed not to need the change yet.

Related resources

• Issue: Grid Validation: Control the tooltip visibility behavior igniteui-angular#17345 (from discussion Feature Request: Template and Customize Cell Validation Indicator igniteui-angular#17337)
• PR: feat(grids): add validationTooltipTrigger to control error tooltip igniteui-angular#17889
• Grid Validation Specification, updated with the new option