This release updates Ignite UI for Blazor to the latest igniteui-webcomponents@7.4.1 release with highlights noted below:
Added
New Components
IgbBreadcrumbsandIgbBreadcrumb- A navigation trail.IgbBreadcrumbshas thelistrole andSeparatorsets the icon between the items (tree_expandwhen not set); put it in a<nav aria-label="...">element, as the ARIA breadcrumb pattern requires. EachIgbBreadcrumbtakes its content, usually an anchor, in the default slot, withprefix/suffixslots around it and aseparatorslot that replaces the icon of that item.Currentsetsaria-current="page", andDisabledsetsaria-disabledand removes the slotted content from the tab sequence. #1881
Combo, Color Picker, Date Picker, Date Range Picker, Tooltip
- New
ScrollStrategyproperty, already available on Dropdown and Select. It sets what the popup does when a container scrolls:PopoverScrollStrategy.Hide(default) hides it while its anchor is fully out of view,Scrollkeeps it visible and anchored,Closecloses the component, including aStickytooltip. The date pickers ignore it inDialogmode. #2355
Button Group
- The single selection modes now use the radio group keyboard pattern: the group is one tab stop, and the arrow keys move the focus and the selection together, skipping disabled buttons and wrapping at both ends.
Alignmentselects the keys - ArrowLeft / ArrowRight following the text direction, or ArrowUp / ArrowDown - and sets thearia-orientationof the group.Multiplemode is unchanged. #2385
Changed
- Combo, Color Picker, Date Picker, Date Range Picker, Dropdown, Select, Tooltip: the popup now hides while its anchor is fully scrolled out of view, as
ScrollStrategydefaults toHide. Before, it stayed visible. SetScrollStrategy="PopoverScrollStrategy.Scroll"to keep the previous behavior. #2355 - Dropdown, Select, Tooltip: the popup no longer moves along the viewport edge to stay in view; it only flips to the opposite side.
- Popups: positioned with native CSS anchor positioning in browsers that support it (Chrome/Edge 133+, Firefox 147+, Safari 26+). Other browsers use
@floating-ui/domas before, now loaded only when needed. - Button Group: the
radiogroup/grouprole and the disabled state are now on theigc-button-groupelement itself, so anaria-labeloraria-labelledbyset onIgbButtonGroupnames the group.
Fixed
For the complete list of fixes arriving with the updated web components, see the 7.4.0 and 7.4.1 release notes - highlights include a <label> bound through for or wrapping the component now naming Checkbox, Switch, Radio, Rating and Slider (a click on it toggles or focuses the control), an aria-label / aria-labelledby set on a form component now naming its native editor, the Combo Label no longer replaced by its selection status text as the accessible name, a Combo or Select that opened and immediately closed again on a click of its label, a single click event (none when disabled) from a click on the label of Input, Date Time Input, Date Range Picker, File Input, Mask Input and Textarea, a Date Picker Label set after the first render reaching the native input in dropdown mode, and the documented container (Date Picker) and ranges (Date Range Picker) CSS parts now being exported.
Breaking Changes
PopoverScrollStrategy:Blockis replaced byHide. The web component no longer supports blocking the scroll while a popup is open; replacePopoverScrollStrategy.BlockwithHide,ScrollorClose.
Full Changelog: 0.3.0...0.4.0