v24.7.0-alpha5

API Documentation →

Changes Since v24.7.0-alpha4

🚀　New Features

• charts
  • ⧉ Add support for Gantt task progress indication (#8426)
  • ⧉ Add support for Highcharts Gantt charts (#8424)

🐛　Bug Fixes

• board
  • ⧉ Add missing hidden attribute styles to board and board row (#8483)
• field-base
  • ⧉ Enable reflectToAttribute for autocorrect property (#8475)
• vaadin-lumo-styles
  • ⧉ Also apply focus-ring width custom property to invalid state (#8467)

💅　Polish

• board
  • ⧉ Extract board row logic into reusable mixin (#8482)
• cookie-consent
  • ⧉ Remove legacy flex vendor prefixes from cookie-consent CSS (#8493)
  • ⧉ Extract cookie consent logic into reusable mixin (#8491)
• dashboard
  • ⧉ Remove global dashboard widget styles (#8477)
• field-highlighter
  • ⧉ Extract field highlighter styles into reusable css literals (#8490)
• map
  • ⧉ Extract map logic into reusable mixin (#8484)
  • ⧉ Extract map styles into reusable css literal (#8481)

🚧　Experiments

• board
  • ⧉ Add LitElement based version of vaadin-board (#8489)
• cookie-consent
  • ⧉ Add LitElement based version of vaadin-cookie-consent (#8492)
• map
  • ⧉ Add LitElement based version of vaadin-map (#8487)

🔬　Tests

• dashboard
  • ⧉ Add dashboard visual tests (#8470)
• dialog,field-base
  • ⧉ Fix local test failures in Firefox (#8461)
• rich-text-editor
  • ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465)

🏠　Internal

• Other
  • ⧉ Document testing Tab with Playwright WebKit on Mac OS (#8474)

v24.6.2

API Documentation →

Changes Since v24.6.1

🐛　Bug Fixes

• board
  • ⧉ Add missing hidden attribute styles to board and board row (#8483) (#8485)
• combo-box,date-picker,field-base,multi-select-combo-box
  • ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8458)
• vaadin-lumo-styles
  • ⧉ Also apply focus-ring width custom property to invalid state (#8467) (#8471)

💅　Polish

• dashboard
  • ⧉ Remove global dashboard widget styles (#8477) (#8478)
• grid-pro
  • ⧉ Add updating-cell part styles (#8374) (#8450)

🔬　Tests

• grid
  • ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457) (#8463)
• rich-text-editor
  • ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465) (#8468)

🏠　Internal

• checkbox-group,checkbox,combo-box,component-base,context-menu,dashboard,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
  • ⧉ Upgrade playwright to 1.48.2 (#8355) (#8462)

v24.5.7

API Documentation →

Changes Since v24.5.6

🐛　Bug Fixes

• board
  • ⧉ Add missing hidden attribute styles to board and board row (#8483) (#8486)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,email-field,field-base,integer-field,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Ensure error message is announced by VoiceOver (#8384) (#8395)
• combo-box,date-picker,field-base,multi-select-combo-box
  • ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8459)
• crud
  • ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8380)
• grid,virtual-list
  • ⧉ Hide scroller completely when dragging large grids (#8351) (#8358)
• popover
  • ⧉ Ignore target set while popover is detached until re-attached (#8350) (#8353)
• select
  • ⧉ Do not close select overlay when opened before attached (#8402) (#8404)
• time-picker
  • ⧉ Always strip input value to match step interval (#8421) (#8423)
• vaadin-lumo-styles
  • ⧉ Also apply focus-ring width custom property to invalid state (#8467) (#8472)

💅　Polish

• grid-pro
  • ⧉ Add updating-cell part styles (#8374) (#8451)
• login
  • ⧉ Use div with heading role instead of h2 in form title (#8441) (#8443)
  • ⧉ Replace h5 in login error message with strong (#8438) (#8440)

🔬　Tests

• app-layout,avatar-group,board,charts,component-base,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
  • ⧉ Replace onceResized with nextResize (#8387) (#8393)
• grid
  • ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457) (#8464)
• rich-text-editor
  • ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465) (#8469)

🏠　Internal

• All components
  • ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388) (#8391)
• checkbox-group,checkbox,combo-box,component-base,context-menu,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
  • ⧉ Upgrade playwright to 1.48.2 (#8355) (#8466)
• Other
  • ⧉ Pin ubuntu version in GitHub Actions (#8375) (#8377)

v24.4.18

API Documentation →

Changes Since v24.4.17

🐛　Bug Fixes

• combo-box,date-picker,field-base,multi-select-combo-box
  • ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8460)
• crud
  • ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8381)
• custom-field
  • ⧉ Prevent possible errors when inputs property is not set (#8012) (#8368)

🏠　Internal

• Other
  • ⧉ Pin ubuntu version in GitHub Actions (#8375) (#8379)

v24.7.0-alpha4

API Documentation →

Changes Since v24.7.0-alpha3

💥　Behavior Altering Changes

• custom-field,field-highlighter,message-input,text-area
  • ⧉ Remove extra padding from text area (Material theme) (#8414)
• date-picker,field-base,number-field,time-picker
  • ⧉ Remove _hasInputValue property and event (#8417)

🚀　New Features

• login
  • ⧉ Add headingLevel property to customize login heading level (#8445)
• text-area
  • ⧉ Allow shrinking text area to single row (#8168)

🐛　Bug Fixes

• avatar-group,avatar,message-list
  • ⧉ Generate aria-label attribute on the avatar (#8435)
  • ⧉ Change avatar default role attribute to img (#8427)
• avatar-group,component-base,date-picker,field-base,grid
  • ⧉ Compute property values in willChange (#8430)
• combo-box,date-picker,field-base,multi-select-combo-box
  • ⧉ Do not clear on Esc with clear button visible when readonly (#8455)
• component-base
  • ⧉ Check if options object is defined when creating property (#8432)
• time-picker
  • ⧉ Always strip input value to match step interval (#8421)

💅　Polish

• button,checkbox,radio-group
  • ⧉ Do not override tabindex property to set default value (#8418)
• date-picker
  • ⧉ Move common template logic to MonthCalendarMixin (#8431)
• dialog
  • ⧉ Remove no longer needed await from dialog ready (#8416)
• grid-pro
  • ⧉ Add updating-cell part styles (#8374)
• login
  • ⧉ Use div with heading role instead of h2 in form title (#8441)
  • ⧉ Replace h5 in login error message with strong (#8438)
• message-input
  • ⧉ Use minRows property for message input textarea (#8454)

🔬　Tests

• app-layout
  • ⧉ Move app-layout styles import to avoid warning with Lit (#8456)
• avatar-group,checkbox-group,checkbox,crud,date-picker,dialog,field-highlighter,grid-pro,grid,item,list-box,login,overlay,popover,radio-group,rich-text-editor,select,tooltip,upload,vertical-layout
  • ⧉ Update Chrome version in Material visual tests to 130 (#8415)
• grid
  • ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457)

🏠　Internal

• All components
  • ⧉ Update license headers copyright year to 2025 (#8425)
• checkbox-group,checkbox,combo-box,component-base,context-menu,dashboard,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
  • ⧉ Upgrade playwright to 1.48.2 (#8355)
• Other
  • ⧉ Add dev page for standalone avatar (#8434)

v24.6.1

API Documentation →

Changes Since v24.6.0

🐛　Bug Fixes

• avatar-group,avatar,message-list
  • ⧉ Generate aria-label attribute on the avatar (#8435) (#8437)
  • ⧉ Change avatar default role attribute to img (#8427) (#8428)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,email-field,field-base,integer-field,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Ensure error message is announced by VoiceOver (#8384) (#8394)
• crud
  • ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8382)
• dashboard
  • ⧉ Slot dashboard widgets instead of dom reordering (#8359) (#8373)
• grid,virtual-list
  • ⧉ Hide scroller completely when dragging large grids (#8351) (#8357)
• notification
  • ⧉ Get the correct reference to the Notification class (#8399) (#8400)
• number-field
  • ⧉ Add missing .js extension to the controller import (#8363) (#8366)
• popover
  • ⧉ Ignore target set while popover is detached until re-attached (#8350) (#8352)
• select
  • ⧉ Do not close select overlay when opened before attached (#8402) (#8403)
• time-picker
  • ⧉ Always strip input value to match step interval (#8421) (#8422)

💅　Polish

• login
  • ⧉ Use div with heading role instead of h2 in form title (#8441) (#8442)
  • ⧉ Replace h5 in login error message with strong (#8438) (#8439)

🔬　Tests

• app-layout,avatar-group,board,charts,component-base,dashboard,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
  • ⧉ Replace onceResized with nextResize (#8387) (#8392)
• dashboard
  • ⧉ Use nextUpdate to stabilize dashboard tests on Webkit (#8370) (#8371)

🏠　Internal

• a11y-base,accordion,app-layout,avatar-group,avatar,board,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,cookie-consent,crud,custom-field,dashboard,date-picker,date-time-picker,details,dialog,email-field,field-base,field-highlighter,form-layout,grid-pro,grid,horizontal-layout,icon,input-container,integer-field,item,list-box,lit-renderer,login,map,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,polymer-legacy-adapter,popover,progress-bar,radio-group,rich-text-editor,scroller,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-themable-mixin,vertical-layout,virtual-list
  • ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388) (#8389)
• Other
  • ⧉ Pin ubuntu version in GitHub Actions (#8375) (#8376)

v24.7.0-alpha3

API Documentation →

Changes Since v24.7.0-alpha2

💥　Breaking Changes

• field-base,number-field
  • ⧉ Return a marker string to help Flow identify bad input (#8413)
• popover
  • ⧉ Close popover without trigger on Esc and outside click (#8409)

🐛　Bug Fixes

• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,email-field,field-base,integer-field,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Ensure error message is announced by VoiceOver (#8384)
• crud
  • ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372)
• dashboard
  • ⧉ Slot dashboard widgets instead of dom reordering (#8359)
• notification
  • ⧉ Get the correct reference to the Notification class (#8399)
• number-field
  • ⧉ Add missing .js extension to the controller import (#8363)
• select
  • ⧉ Do not close select overlay when opened before attached (#8402)

🚧　Experiments

• crud
  • ⧉ Add LitElement based version of vaadin-crud (#8346)

🔬　Tests

• app-layout,avatar-group,board,charts,component-base,dashboard,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
  • ⧉ Replace onceResized with nextResize (#8387)
• app-layout,confirm-dialog,context-menu,cookie-consent,crud,dialog,login,menu-bar,notification,overlay
  • ⧉ Update visual tests to use fixed browser window height (#8405)
• checkbox-group,combo-box,custom-field,date-picker,date-time-picker,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Disable error-message animation in Material visual tests (#8396)
• dashboard
  • ⧉ Use nextUpdate to stabilize dashboard tests on Webkit (#8370)
• grid-pro,side-nav,vaadin-lumo-styles,vertical-layout
  • ⧉ Update Chrome version in Lumo visual tests to 130 (#8412)
• time-picker
  • ⧉ Use fixed overlay height in time-picker visual tests (#8408)

🏠　Internal

• a11y-base,accordion,app-layout,avatar-group,avatar,board,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,crud,custom-field,date-picker,date-time-picker,details,dialog,email-field,field-base,field-highlighter,form-layout,grid-pro,grid,icon,input-container,integer-field,item,list-box,lit-renderer,login,map,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,polymer-legacy-adapter,popover,radio-group,rich-text-editor,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-themable-mixin,virtual-list
  • ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388)
• cookie-consent,dashboard,horizontal-layout,progress-bar,scroller,vertical-layout
  • ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8390)
• Other
  • ⧉ Add failed screenshots for themes to .gitignore (#8410)
  • ⧉ Do not use vaadin prefix for icons visual test (#8411)
  • ⧉ Pin ubuntu version in GitHub Actions (#8375)

v24.7.0-alpha2

API Documentation →

Changes Since v24.7.0-alpha1

🚀　New Features

• virtual-list
  • ⧉ Improve virtual-list a11y (#8328)

🐛　Bug Fixes

• avatar
  • ⧉ Only set avatar img src attribute if property is defined (#8329)
• component-base,date-picker,field-base,grid,item,select
  • ⧉ Do not re-render when setting sync property to the same value (#8223)
• confirm-dialog
  • ⧉ Add missing aria-label attribute to Lit confirm-dialog (#8330)
• custom-field
  • ⧉ Add missing inputs-wrapper part to Lit based custom-field (#8331)
• dashboard
  • ⧉ Add missing section type to dashboard events (#8325)
• grid
  • ⧉ Use correct binding for boolean attributes in Lit grid (#8334)
• grid,virtual-list
  • ⧉ Hide scroller completely when dragging large grids (#8351)
• popover
  • ⧉ Ignore target set while popover is detached until re-attached (#8350)

💅　Polish

• app-layout
  • ⧉ Extract app-layout logic into reusable mixin (#8341)
  • ⧉ Extract app-layout styles into reusable CSS literal (#8339)
• combo-box,component-base,confirm-dialog,date-picker,date-time-picker,dialog,field-base,grid,login,menu-bar,message-input,multi-select-combo-box,notification,popover,rich-text-editor,select,upload
  • ⧉ Force Lit to perform first render synchronously (#8290)
• crud
  • ⧉ Fix crud grid hide edit column usage (#8338)
• custom-field,field-base
  • ⧉ Make required and invalid properties use sync update (#8332)
• form-layout
  • ⧉ Extract form-layout logic into reusable mixins (#8342)
  • ⧉ Extract form-layout styles into reusable CSS literal (#8340)
• login
  • ⧉ Use correct property bindings in Lit based login form (#8335)
• notification
  • ⧉ Use ifDefined directive for notification theme attribute (#8337)

🚧　Experiments

• app-layout
  • ⧉ Add LitElement based version of app-layout (#8344)
• form-layout
  • ⧉ Add LitElement based version of vaadin-form-layout (#8343)

📝　Documentation

• virtual-list
  • ⧉ Improve virtual list item accessible name generator docs (#8356)

🏠　Internal

• date-picker,horizontal-layout,icon,vertical-layout
  • ⧉ Fix year in license headers (#8345)
• Other
  • ⧉ Bump nanoid from 3.3.7 to 3.3.8 (#8324)

v24.6.0

API Documentation →

Changes Since v24.5.0

💥　Behavior Altering Changes

• avatar-group
  • ⧉ Update avatar group to not use Polymer splices API (#8145)
• combo-box,date-time-picker
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846)
• component-base,grid
  • ⧉ Add a default min-height to grid (#7964)
• custom-field
  • ⧉ Deprecate internal-tab event and remove it from JSDoc (#7889)
• date-picker
  • ⧉ Remove date focused part when input is unparsable (#8187)
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855)
• date-picker,field-base,time-picker
  • ⧉ Align hasInputValue behavior across components (#8200)
• dialog
  • ⧉ Only set top and left properties on drag (#7970)
• login
  • ⧉ Do not validate login form fields on blur (#8101)
• text-area
  • ⧉ Make prefix, suffix and clear button stick to top (#7895)
• tooltip
  • ⧉ Set white-space: pre-wrap on the tooltip content (#8255)

🚀　New Features

• card
  • ⧉ Add experimental card component (#8154)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,login,multi-select-combo-box,number-field,radio-group,select,time-picker
  • ⧉ Add manual validation mode (#8097)
• component-base
  • ⧉ Add option to return feature flag name from static getter (#8169)
  • ⧉ Add option to mark defined custom element as experimental (#8162)
  • ⧉ Add _createPropertyObserver() to PolylitMixin (#8144)
• dashboard
  • ⧉ Dashboard lumo styles (#7904)
  • ⧉ Add dashboard dense mode (#7881)
  • ⧉ Scroll focused dashboard widget into view (#7875)
  • ⧉ Identify dashboard items by id (#7869)
  • ⧉ Add dashboard item mode changed events (#7866)
  • ⧉ Restore focus on dashboard widget removal (#7860)
  • ⧉ Dashboard i18n (#7847)
  • ⧉ Dashboard widget resize mode (#7818)
  • ⧉ Dashboard widget move mode (#7817)
  • ⧉ Dashboard keyboard interactions (#7811)
  • ⧉ Keep widget focus on dashboard items change (#7804)
  • ⧉ Dashboard widget remove button (#7800)
  • ⧉ Drag-resizing of dashboard items (#7791)
  • ⧉ Dashboard widget rowspan (#7781)
  • ⧉ Support elements in dashboard items (#7761)
  • ⧉ Support drag-reordering of dashboard items (#7738)
  • ⧉ Add minimum row height to dashboard (#7754)
  • ⧉ Auto-update widget title level (#7740)
  • ⧉ Add sections support to vaadin-dashboard (#7692)
  • ⧉ Add basic dashboard section structure (#7685)
  • ⧉ Add items and renderer to dashboard (#7680)
  • ⧉ Add basic dashboard widget structure (#7679)
  • ⧉ Add max column count support to dashboard (#7670)
  • ⧉ Make dashboard scrollable (#7662)
  • ⧉ Add gap support to dashboard (#7660)
  • ⧉ Add colspan support to dashboard (#7657)
  • ⧉ Add vaadin-dashboard-layout (#7653)
  • ⧉ Create dashboard package (#7647)
• dialog
  • ⧉ Add top and left to Dialog resize event detail (#8064)
  • ⧉ Add "dragged" event in Dialog (#8047)
  • ⧉ Add API do define Dialog size programmatically (#8030)
  • ⧉ Add API to define Dialog position programmatically (#7971)
• grid
  • ⧉ Add accessibleName property to Grid (#8230)
  • ⧉ Add part names to non-selectable rows / cells (#8015)
  • ⧉ Conditional selectability of grid items (#7974)
• grid-pro
  • ⧉ Grid-pro loading editor state (#8156)
• horizontal-layout
  • ⧉ Add wrap theme to horizontal-layout (#8125)
• notification
  • ⧉ Add assertive property to notification (#7758)
• radio-group
  • ⧉ Add name property to radio-group and propagate it to radio buttons (#8100)
• text-area
  • [⧉](https://...

v24.5.6

API Documentation →

Changes Since v24.5.5

🐛　Bug Fixes

• checkbox
  • ⧉ Do not show required indicator when checkbox has no label (#8294) (#8296)
• context-menu,date-picker,select,vaadin-lumo-styles
  • ⧉ Update media query to work with larger phones (#8116) (CP: 24.5) (#8303)
• grid
  • ⧉ Prevent recurring selection attempts during drag selection (#8317) (#8320)
• multi-select-combo-box
  • ⧉ Do not fire custom-value-set on input blur or outside click (#8308) (#8314)
  • ⧉ Prevent unselecting already committed value on outside click (#8301) (#8310)
• overlay
  • ⧉ Prevent notification from affecting overlay interactions (#8291) (#8293)
• side-nav
  • ⧉ Hide toggle items text (#8307) (#8323)