v2.10.0

2.10.0 (2025-05-07)

New component

• ui5-shellbar-search: initial implementation (#11398) (ca372d0)

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, only event.target or event.currentTarget are used, and no other event details are usually needed.
  The new custom event includes the original native event inside its e.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) (858a870)
• ui5-shellbar: fixed avatar font-size (#11316) (d672c15)
• ui5-shellbar: fixed avatar font-size var (#11424) (06d206e)
• ui5-side-navigation: collapsed parent items appear as selected if one of its child items is selected (#11400) (387e418)
• ui5-side-navigation: improve accessibility for groups (#11357) (a5531de), closes #11349
• ui5-side-navigation: update font-weight for first level items (#11409) (a894216), closes #11403
• ui5-side-navigation: change font-family of the text of the items to semi-bold (89d9924)
• ui5-side-navigation: correct hover styles of selected items (#11319) (3ce13c8), closes #11297
• ui5-side-navigation: fix disabled items and tooltips (#11333) (7151dae)
• ui5-side-navigation: update CSS styles (#11208) (076f910), closes #11171
• ui5-side-navigation: remove separator line (#11306) (6480a06)
• ui5-table-growing: prevent focus while scroll to grow (#11358) (002f64f)
• ui5-table-growing: remember correct last row with Enter (#11361) (297da60)
• ui5-table: fixes noData slot issue (#11397) (1dda953)
• ui5-table: stops the propagation of overflow button (#11270) (f43b8dc), closes #11159
• ui5-tree: add event validation to selection handler (#11364) (551ef30), closes #11352