Releases: UI5/webcomponents
Releases · UI5/webcomponents
v2.11.0
2.11.0 (2025-06-05)
New Components
Features
- f6navigation: add option to bypass groups (#11494) (7039c24)
- framework: add
Assets-node
module for node/ssr env (#11522) (4a874cc) - ui5-avatar, ui5-icon: make click events public (#11591) (b82eac9)
- ui5-bar: allow role change (#11134) (db49d09), closes #10990
- ui5-calendar: introduce Year Range Picker (#11167) (d9a40d2), closes #3200 #10867
- ui5-color-palette-item: add aria-pressed when being selected (#11472) (cb1de2b)
- ui5-combobox/ui5-multi-combobox: enable for attribute support (#11453) (6df8a30)
- ui5-illustrated-message: added new illustration types (#11560) (5517e2c)
- ui5-list: focus() now focuses item (#11486) (025ec46)
- ui5-search-field: introduce advanced filtering (#11428) (bf8a158)
- ui5-search-item: byline item support (#11503) (d8aec50)
- ui5-shellbar: replace custom badges with ButtonBadge (#11284) (4574d87)
- ui5-side-navigation: make disabled items focusable (#11530) (617cef5)
- ui5-slider/ui5-range-slider: enable for attribute support (#11469) (2b219f3)
- ui5-table: behavior property added for selections (#11520) (56b113b), closes #10893 #10893
Fixes
- f6navigation: delegate fast navigation to openui5 (#11505) (b23ee41), closes #10462
- popups: fix header styles according to the specification (#11513) (6fbd0e2)
- ssr-dom-shim: add
hidePopover
method (#11636) (7a17a3e), closes #11635 - tools: create new package script on windows (#11555) (2a60bc0)
- ui5-avatar-group: focus outline visible in overflow:hidden (#11535) (95e81ab), closes #10551
- ui5-avatar: apply optional border for avatars with image (#11568) (12cf1f6), closes #11437
- ui5-avatar: disable click on disabled interactive (#11527) (de188c2)
- ui5-breadcrumbs: aligned with acc spec (#11572) (2a20f70), closes #11541
- ui5-button: announce accessible name (#11396) (8c30f2a), closes #11350
- ui5-calendar: add style to secondary type (#11478) (30d78b8), closes #11011
- ui5-calendar: show year range text in year view (#11468) (3a56fd3), closes #11011
- ui5-checkbox: fixed required asterisk alignment (#11576) (03ecc0b), closes #11547
- ui5-color-palette: show tooltip on focused hovered items (#11519) (d6ee5ea)
- ui5-combobox/tokenizer/wizard/input: extract button texts to vars (#11549) (c8daa25)
- ui5-date-picker: align width to vd specs (#11602) (e497d6f), closes #11561
- ui5-dynamic-date-range: remove redundant property (#11620) (6aff749)
- ui5-flexible-column-layout: add aria-valuenow attribute to separators (#11540) (3ba75d6), closes #11533
- ui5-li-custom: correct padding for ListItemCustom (#11487) (93066c6)
- ui5-list: adjust observer to handle sticky headers (#11526) (e46b867), closes #11242 #11461
- ui5-popover: don't close popover when click on opener iframe (#11517) (ce89e8e)
- ui5-search: preserve value before open on mobile (#11571) (8ee0387), closes #11314
- ui5-shellbar: remove empty logo from tab chain (#11623) ([51661f0](51661f05a6557...
v2.11.0-rc.4
2.11.0-rc.4 (2025-06-05)
Bug Fixes
- ssr-dom-shim: add
hidePopover
method (#11636) (7a17a3e), closes #11635 - ui5-avatar-group: focus outline visible in overflow:hidden (#11535) (95e81ab), closes #10551
- ui5-combobox/tokenizer/wizard/input: extract button texts to vars (#11549) (c8daa25)
- ui5-date-picker: align width to vd specs (#11602) (e497d6f), closes #11561
- ui5-dynamic-date-range: remove redundant property (#11620) (6aff749)
- ui5-flexible-column-layout: add aria-valuenow attribute to separators (#11540) (3ba75d6), closes #11533
- ui5-popover: don't close popover when click on opener iframe (#11517) (ce89e8e)
- ui5-shellbar: remove empty logo from tab chain (#11623) (51661f0), closes #11595
- ui5-side-navigation: group name is now announced by screen reader (#11600) (4848317), closes #11599
Features
- ui5-avatar, ui5-icon: make click events public (#11591) (b82eac9)
- ui5-calendar: introduce Year Range Picker (#11167) (d9a40d2), closes #3200 #10867
- ui5-dynamic-date-range: work in progress (#10895) (7c8ece9)
- ui5-illustrated-message: added new illustration types (#11560) (5517e2c)
- ui5-side-navigation: make disabled items focusable (#11530) (617cef5)
v1.24.22
v2.11.0-rc.3
2.11.0-rc.3 (2025-05-29)
Bug Fixes
- tools: create new package script on windows (#11555) (2a60bc0)
- ui5-avatar: apply optional border for avatars with image (#11568) (12cf1f6), closes #11437
- ui5-breadcrumbs: aligned with acc spec (#11572) (2a20f70), closes #11541
- ui5-checkbox: fixed required asterisk alignment (#11576) (03ecc0b), closes #11547
- ui5-search: preserve value before open on mobile (#11571) (8ee0387), closes #11314
- ui5-tabcontainer: Handle tab not having a parent element (#11544) (d7e69bb), closes #11543
- ui5-toolbar: close overflow in noConflict mode (#11524) (47bed95)
Features
- framework: add
Assets-node
module for node/ssr env (#11522) (4a874cc) - ui5-search-field: introduce advanced filtering (#11428) (bf8a158)
- ui5-search-item: byline item support (#11503) (d8aec50)
- ui5-shellbar: replace custom badges with ButtonBadge (#11284) (4574d87)
- ui5-table: behavior property added for selections (#11520) (56b113b), closes #10893 #10893
v2.11.0-rc.2
2.11.0-rc.2 (2025-05-22)
Bug Fixes
- popups: fix header styles according to the specification (#11513) (6fbd0e2)
- ui5-avatar: disable click on disabled interactive (#11527) (de188c2)
- ui5-color-palette: show tooltip on focused hovered items (#11519) (d6ee5ea)
- ui5-li-custom: correct padding for ListItemCustom (#11487) (93066c6)
- ui5-list: adjust observer to handle sticky headers (#11526) (e46b867), closes #11242 #11461
- ui5-side-navigation: change CSS param 'sapFontSemiboldFamily' to 'sapFontSemiboldDuplexFamily' (#11529) (0b3a47b), closes #11525
- ui5-side-navigation: right arrow and left arrow behavior fixed (#11434) (d31e202)
- ui5-split-button: fire click event when focused with shift + tab (#11197) (aac7449)
- ui5-timeline-item: remove focus getting cut (#11532) (378c13c)
v2.7.7
v2.11.0-rc.1
2.11.0-rc.1 (2025-05-15)
Bug Fixes
- f6navigation: delegate fast navigation to openui5 (#11505) (b23ee41), closes #10462
- ui5-button: announce accessible name (#11396) (8c30f2a), closes #11350
- ui5-side-navigation: disabled groups no longer interactive (#11404) (8ec71e3), closes #11384
- ui5-side-navigation: group as first item works without error (#11406) (0ffbede), closes #11383
- ui5-slider, ui5-range-slider: correct f2 announcement (#11476) (850fa42)
- ui5-textarea: remove symbols encoding when growing (#11305) (642101e), closes #9868
- ui5-textarea: remove z-index from focused textarea wrapper (#11408) (606abbe)
- ui5-upload-collection: fix file name width (#11484) (62a4094), closes #11463
Features
- f6navigation: add option to bypass groups (#11494) (7039c24)
- ui5-bar: allow role change (#11134) (db49d09), closes #10990
- ui5-color-palette-item: add aria-pressed when being selected (#11472) (cb1de2b)
- ui5-list: focus() now focuses item (#11486) (025ec46)
- ui5-slider/ui5-range-slider: enable for attribute support (#11469) (2b219f3)
v2.7.6
v2.11.0-rc.0
v2.10.0
2.10.0 (2025-05-07)
New component
Features
- ui5-button: make click button preventable (#11318) (1f4aa92)
- ui5-form, ui5-form-group: add
headerLevel
property (#11372) (e70ffa6), closes #11371 - ui5-illustrated-message: decorative property added (#11442) (d17d06b)
- ui5-li: add text wrapping support (#11108) (22d7d2f)
- ui5-menu: introduce HorizontalAlign property (#11313) (7a287a1), closes #10765
- ui5-shell-bar: support self-collapsible search (#11296) (79fbe99)
- ui5-shellbar: add branding area accessibility attributes (#11238) (7d6fdeb), closes #6826 #8708
- ui5-shellbar: introduce async search btn getter (#11338) (d5526dc)
- ui5-table: improve default column widths (#11078) (1ec0be6)
- ui5-tree-item: image slot added (#11106) (4d972c8), closes #7481
Soft breaking
- ui5-button:
click
event is changed to CustomEvent, instead of the native Event. In most cases, onlyevent.target
orevent.currentTarget
are used, and no other event details are usually needed.
The new custom event includes the original native event inside itse.detail.originalEvent
, so users can still access the original event if needed. #11318
Previously, the click event on the ui5-button was the native click event from the user interaction. This creates some problems. One main issue is that the click event cannot be prevented because the event handler in the template is always attached first. This means that the isPrevented flag is missing if the event is prevented during the bubble phase.
A bigger problem happens when the ui5-button has type="Submit" and is inside a HTML form element. In this case, each time the button is clicked, the form is submitted, even if the click event is prevented.
- ui5-search: experimental
collapsed
property has been removed #11398 - ui5-table-header-cell: experimental
maxWidth
property has been removed #11078
Fixes
- framework: escape backslash when processing component's css (#11425) (2c4dc74)
- compat/ui5-table: fire loadMore with arrow-down on last row (#11401) (4b6cbb3), closes #9235
- ui5-bar: prevent midContent from overlapping start and endContent on overflow (#11294) (68b18d3), closes #11028
- ui5-breadcrumbs: dropdown arrow focused color fixed (#11362) (d07b089)
- ui5-busy-indicator: update busy area opacity (#11237) (637cdd0), closes #11224
- ui5-button: update parameters according to VD (#11414) (72354bb)
- ui5-button: adjust tooltips display (#11268) (9f0d907), closes #10824
- ui5-button: announce aria description (#11264) (f8e77cb), closes #10899
- ui5-calendar-legend: align selected item representation to new VD spec (#11391) (5594420)
- ui5-checkbox: improved required state placement and asterisks behaviour (#11326) (a35c2b6), closes #10864
- ui5-dynamic-page: change the container-type (#11325) (8402ec8), closes #11309
- ui5-flexible-column-layout: column visibility issue fixed (#11416) (996de94)
- ui5-flexible-column-layout: disable resizing for both separators (#11411) (ccd18b1), closes #11402
- ui5-flexible-column-layout: min width of column adjusted to spec (#11367) (e424f4e), closes #10997
- ui5-form: propagate
itemSpacing
properly (#11312) (32b4fb2), closes #11307 - ui5-illustrated-message: change SVG inline styling to proper attributes (#11455) (22f16c3), closes #11354
- ui5-illustrated-message: replace inline fill style with fill attribute (#11448) (54389b5)
- ui5-input: correct failing test (#11388) (ba4da91)
- ui5-input: selection-change is now fired when item is reselected (#11301) (1d11709)
- ui5-menu-item: remove redundant screen reader announcements (#11415) (2c21662), closes #11380 #11405
- ui5-panel: adjust header button width to the new specifications (#11410) (43553df)
- ui5-popover: fix arrow positioning ([#11275](https://git...