Vaadin Flow Components V24.8.0.rc2

Vaadin Flow Components 24.8.0.rc2

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.8.0.rc1

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Changes in vaadin-upload-flow

• Fixes:

  • ⧉ Upload handlers always end with /upload (#7597). PR:7600. Ticket:21689

    To be compatible with Receivers, UploadHandlers used with Upload component are registered with the getUrlPostfix upload.

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.rc2
• Tested with Vaadin Flow version 24.8.0.rc1

Vaadin Flow Components V24.8.0.rc1

Vaadin Flow Components 24.8.0.rc1

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.8.0.beta3

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.rc1
• Tested with Vaadin Flow version 24.8.0.rc1

Vaadin Flow Components V23.6.0

Vaadin Flow Components 23.6.0

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in vaadin-checkbox-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-combo-box-flow

• New Features:

  • ⧉ Add HasClearButton mixin to TestBench elements. PR:7337

    --------- (cherry picked from commit 2c76563)

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-crud-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-date-picker-flow

• New Features:

  • ⧉ Add HasClearButton mixin to TestBench elements. PR:7337

    --------- (cherry picked from commit 2c76563)

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-date-time-picker-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-radio-button-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-select-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-text-field-flow

• New Features:

  • ⧉ Add HasClearButton mixin to TestBench elements. PR:7337

    --------- (cherry picked from commit 2c76563)

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Changes in vaadin-time-picker-flow

• New Features:

  • ⧉ Add HasClearButton mixin to TestBench elements. PR:7337

    --------- (cherry picked from commit 2c76563)

  • ⧉ Add HasValidation mixin to TestBench elements (#7327) ---------

    (cherry picked from commit 575d6a9)

Compatibility

• This release use Web Components listed in Vaadin Platform 23.6.0
• Tested with Vaadin Flow version 23.6.1

Vaadin Flow Components V24.8.0.beta3

Vaadin Flow Components 24.8.0.beta3

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.8.0.beta1

Changes in vaadin-charts-flow

• Fixes:
  • ⧉ Serialize rotation as number if possible (#7544). PR:7546

Changes in vaadin-master-detail-layout-flow

• New Features:
  • ⧉ Add BackdropClickEvent and DetailEscapePressEvent (#7553). PR:7569

Changes in vaadin-popover-flow

• Fixes:

  • ⧉ Do not delay auto-adding Popover by beforeClientResponse (#7563). PR:7578. Ticket:7505

  • ⧉ Reattach auto-added Popover

    If a popover tries to auto-add itself when another modal element is opened, it may end up being added as a child of said element. That can be problematic in case the target element is not part of the parent modal element and, when the modal is closed, the popover instance is removed with its parent and interacting with the target element won't work as expected. This fix adds a detach listener to popover and tries to reattach it in case of: - the popover instance has been auto-added - the target element is present - the target element is still attached to the page

Changes in vaadin-upload-flow

• Fixes:
  • ⧉ Listen for start/end events to call component lifecycle logic (#7516). PR:7557
  • ⧉ Delegate to original upload handler methods

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.beta3
• Tested with Vaadin Flow version 24.8.0.beta4

Vaadin Flow Components V24.8.0.beta2

Vaadin Flow Components 24.8.0.beta2

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

There are no Changes in Flow Components since 24.8.0.beta1

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.beta2
• Tested with Vaadin Flow version 24.8.0.beta2

Vaadin Flow Components V24.8.0.beta1

Vaadin Flow Components 24.8.0.beta1

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

New Features

• Master Details Layout
  Issue · Documentation
  This release introduces a new layout component for building responsive master-detail UIs, such as list-detail views. The component supports horizontal and vertical orientations, with configurable sizing and containment to adapt to a variety of layout requirements.

  You can define an overlay breakpoint to switch between inline and overlay detail views and toggle between Stack and standard display modes for fine-tuned responsiveness.

  The layout is designed to integrate with Flow and Hilla routing, enabling detail state management directly via the URL, supporting deep linking and improved navigation control.

  Example of usage:

    MasterDetailLayout layout = new MasterDetailLayout();
    layout.setMaster(...);
    
    ...addValueChangeListener(event -> {
      if (event.getValue() != null) {
        layout.setDetail(...);
      } else {
        layout.setDetail(null);
      }
    });

Warning

This is a preview feature and is subject to change in future versions.

• Markdown Support
  Markdown issue · Message List issue · Markdown documentation · Message List documentation
  A new Markdown component has been added to render Markdown content as HTML. This component is designed for seamless integration and provides safe, flexible content rendering.

  Example of usage:

    String markdownText = ...;
    Markdown markdown = new Markdown(markdownText);
    add(markdown);

  Additionally, the Message List component now supports Markdown rendering, enabling richer message formatting:

    MessageList list = new MessageList();
    list.setItems(...,
       new MessageListItem(
           """
               ## Markdown
           """,
           "User"));
    list.setMarkdown(true);

  All rendered content is sanitized by default to prevent XSS vulnerabilities, ensuring secure handling of user-generated input.

• New Form Layout Model
  Issue · Documentation
  A new auto-responsive layout model has been introduced for form design, leveraging CSS Grid for native responsiveness. Instead of using responsiveSteps, layout behavior is now driven by columns and explicit field grouping, offering more predictable and flexible control.

  Key improvements include:

  • Single-column layout by default, with multi-column rendering achieved by grouping fields into rows.
  • Support for optional column and field expansion to optimize layout usage.
  • Cleaner, more intuitive syntax in both Java and HTML templates for easier implementation and maintenance.

  Example of usage:

    FormLayout formLayout = new FormLayout();
    formLayout.setAutoResponsive(true);
    formLayout.setColumnWidth("8em");
    formLayout.setExpandColumns(true);
    formLayout.setExpandFields(true);
    formLayout.addFormRow(field1, field2);
    formLayout.addFormRow(field3);

• Map Polygon Support
  Issue · Documentation
  The map component now supports Polygon features, enabling the highlighting of areas such as zones or regions.

  Key capabilities:

  • Support for holes within polygons using multiple linear rings.
  • Reuses familiar Marker feature behaviors, including:
    • Text labels
    • Click events
    • Other interactive features
  • Label rendering is limited based on zoom level

  Example of usage

   PolygonFeature polygon = new PolygonFeature(List.of(
     new Coordinate(...),
     ...
   ));
   map.getFeatureLayer().addFeature(polygon);
   
   PolygonFeature polygonWithHole = new PolygonFeature();
   polygonWithHole.setCoordinates(new Coordinate[][]{
     new Coordinate[]{
       new Coordinate(...),
       ...
     },
     ...
   });
   map.getFeatureLayer().addFeature(polygonWithHole);

Noteworthy

• Card
  Documentation

  The feature flag has been removed and the Card component is stable starting from the 24.8 version.

  Example of usage:

    Card card = new Card();
    card.setTitle(...);
    card.add(...);
    card.setMaxWidth(...);

• Dashboard Updates
  Documentation

  • Introduced a new rootHeadingLevel API to improve accessible title structure.
  • Added elevated, flat, and shaded style variants for widgets.
  • Widget titles now support text wrapping.
  • New styling properties for padding and title behavior.
  • Visual style updated to align with the Card component.
  • Renamed CSS variables from item-* to widget-* for consistency.
  • Removed the feature flag; dashboard updates are now stable as of version 24.8.

• Date Time Picker validation updates
  Issue

  • Replaced validated event with unparsable-change for more consistent feedback.
  • Validation now triggers on Enter key, blur, and outside clicks.
  • Avoids redundant validation cycles to improve performance.
  • Postpones validation during date/time picker navigation to enhance user experience.
  • Adds error messages for incomplete input.
  • Enforces min/max limits early in the input process.

• Message List

  • MessageListItem#appendText API to append text to a message . Issue (#4489)
  • Add convenience constructor to MessageListItem with user name and text. Issue (#7456)

• Spreadsheet

  • Fix keyboard navigation in custom editors. PR (#7401)
  • Custom editor visible by default with API to revert previous behavior. PR (#7435)

• Menu Bar

  • Improvements to MenuBarElement and introduce of MenuBarItemElement. PR (#7435)

Changes in Flow Components from 24.8.0.alpha8

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Changes in vaadin-context-menu-flow

• New Features:

  • ⧉ Introduce addSeparatorAtIndex to provide an alternative

  • ⧉ Introduce addcomponent as add alternative

    ---------

• Fixes:

  • ⧉ Add missing import

Changes in vaadin-grid-flow

• Fixes:
  • ⧉ Set empty header until header component is visible (#7517). PR:7526

Changes in vaadin-spreadsheet-flow

• Breaking Changes:

  • ⧉ Show custom editors by default (#7435). PR:7532. Ticket:6529

    Changes the behavior to always show custom editors in cells and adds a new API to change opt-out and restore the previous behavior where custom cells would only be visible when the cell where they are defined is selected.

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.beta1
• Tested with Vaadin Flow version 24.8.0.beta1

Vaadin Flow Components V24.8.0.alpha8

Vaadin Flow Components 24.8.0.alpha8

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.8.0.alpha7

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version
  • ⧉ Increase Web-Component version

Changes in vaadin-checkbox-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-combo-box-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-crud-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-dashboard-flow

• New Features:
  • ⧉ Add dashboard theme variants (#7317). PR:7494

Changes in vaadin-date-picker-flow

• Breaking Changes:

  • ⧉ Date time picker validation improvements (#7346). PR:7475

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

• Fixes:

  • ⧉ Provide correct validation state in value change listener

Changes in vaadin-date-time-picker-flow

• Breaking Changes:

  • ⧉ Date time picker validation improvements (#7346). PR:7475

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

• Fixes:

  • ⧉ Provide correct validation state in value change listener

Changes in vaadin-map-flow

• Fixes:
  • ⧉ Do not reuse style instances between polygons (#7490). PR:7497

Changes in vaadin-menu-bar-flow

• New Features:

  • ⧉ Improve MenuBarElement. PR:7338. **Tickets:**issues, with, finding, right, overlay, element

    by adding MenuBarButtonElement and MenuBarItemElement and isChecked ---------

Changes in vaadin-messages-flow

• New Features:

  • ⧉ Add MessageList announceMessages API (#7491). PR:7508
  • ⧉ Add MessageListItem constructor with text and userName. PR:7469

• Fixes:

  • ⧉ Avoid error on message list add item. PR:7454
  • ⧉ Only use unformatted time in message list connector

Changes in vaadin-radio-button-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-select-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-spreadsheet-flow

• Fixes:
  • ⧉ Align keyboard/mouse behavior for custom editors in Spreadsheet. PR:7401
  • ⧉ Detach custom element after animation frame
  • ⧉ Try to set value manually only for Firefox

Changes in vaadin-text-field-flow

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

Changes in vaadin-time-picker-flow

• Breaking Changes:

  • ⧉ Date time picker validation improvements (#7346). PR:7475

• New Features:

  • ⧉ Add HasValidation mixin to TestBench elements. PR:7327

  • ⧉ Add HasValidatio mixin to TestBench elements

    ---------

• Fixes:

  • ⧉ Provide correct validation state in value change listener

Compatibility

• This release use Web Components listed in Vaadin Platform 24.8.0.alpha8
• Tested with Vaadin Flow version 25.0-SNAPSHOT

Vaadin Flow Components V24.7.6

Vaadin Flow Components 24.7.6

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.7.5

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Changes in vaadin-spreadsheet-flow

• Fixes:
  • ⧉ Align keyboard/mouse behavior for custom editors in Spreadsheet (#7401) (CP 24.7). PR:7476
  • ⧉ Align keyboard/mouse behavior for custom editors in Spreadsheet. PR:7401
  • ⧉ Detach custom element after animation frame
  • ⧉ Try to set value manually only for Firefox

Compatibility

• This release use Web Components listed in Vaadin Platform 24.7.6
• Tested with Vaadin Flow version 25.0-SNAPSHOT

Vaadin Flow Components V24.6.11

Vaadin Flow Components 24.6.11

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 24.6.10

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Compatibility

• This release use Web Components listed in Vaadin Platform 24.6.11
• Tested with Vaadin Flow version 24.6.12

Vaadin Flow Components V23.5.18

Vaadin Flow Components 23.5.17

This is a release of the Java integration for Vaadin Components to be used from the Java server side with Vaadin Flow.

Changes in Flow Components from 23.5.16

Changes in All Components

• Chore:
  • ⧉ Increase Web-Component version

Compatibility

• This release use Web Components listed in Vaadin Platform 23.5.17
• Tested with Vaadin Flow version 23.5.13