Web UI

Version 3.0.20

Updated: July 9, 2024

Release Notes
This page mentions what's new. Refer to the upgrade notes to transition to this version.

What’s New in Web UI for LTS 2021 (Version 3.0.20)

This release brings configurability and experience improvements around tables and the date picker.

Improved Flexibility for Data Table Configuration

In order to provide the flexibility needed by our customers to cover both cases where a lot of content can be put in a cell (e.g., tens of tags or values) and cases where scrollbars are better avoided, we changed the way the element can be configured.

The data-table-column element now exposes a property named overflow. It controls how cells content is displayed when larger than their column and is configurable on a per column basis.

Authorized values are auto (display an horizontal scrollbar inside the cells when necessary, recommended for multivalued properties) or hidden (hide overflowing content, recommended for finer control over display).

The default value is set to hidden, in order to keep a consistent behavior with previous releases and to let developers decide where horizontal scrollbars should appear specifically.

Your existing configuration needs to be updated if you intend to display a horizontal scrollbar for specific columns.

Since this change should help with managing the various cases to display cell content, we reverted a previous change that was enforcing a minimum size for a column. You can again define a specific size for any column.

[ELEMENTS-1576]
[ELEMENTS-1570]

Date-picker Shows a Clear Date Button

The nuxeo-date-picker element now shows again a button that allows a user to reset the date with a single click. This brings back a missing feature for users coming from LTS 2019 where this button was present.

Since this is considered an experience improvement, this behavior is enabled by default. The button can be hidden by setting the property hideClearDateButton to true on the element.

[ELEMENTS-1569]

Accessibility Improvements

This release brings improvements around screen reader support, keyboard usage, headings and labels.

Information and Relationships - WCAG 2.1 level A criteria 1.3.1

[WEBUI-212]
[WEBUI-539]

Keyboard Usage - WCAG 2.1 level A criteria 2.1.1

[ELEMENTS-1581]

Headings and Labels - WCAG 2.1 level AA criteria 2.4.6

[WEBUI-505]
[WEBUI-508]
[WEBUI-509]
[WEBUI-510]
[ELEMENTS-1577]

An updated VPAT can be found in this page.

Other Noteworthy Changes

  • The actions menu is correctly displayed after navigating back to a document.
    [ELEMENTS-1540]
  • A clear error message is provided when attempting to create a user that already exists.
    [ELEMENTS-1428]
  • Translations for activity.versionRemoved and activity.documentRestored have been added.
    [WEBUI-532]
  • Text area elements stretch to a maximum height to avoid creating visual glitches.
    [ELEMENTS-1564]
  • On a version, the HTML editor is in readonly and displays the content of the property note:note.
    [ELEMENTS-1529]
  • The "PUBLISH" button is disabled until a Location is specified.
    [WEBUI-1056]
  • A clearer message is provided when trying to add a tag that is already added to the document.
    [ELEMENTS-1578]

Learn More

More information about released changes and fixed bugs is available in our bug tracking tool.