v25.4.0-alpha1

API Documentation →

Changes Since v25.3.0-alpha14

💥　Behavior Altering Changes

• app-layout,avatar-group,avatar,breadcrumbs,component-base,crud,dashboard,date-picker,date-time-picker,field-highlighter,grid,login,menu-bar,message-input,multi-select-combo-box,rich-text-editor,side-nav,split-layout,time-picker,upload
  • ⧉ Stop installing default i18n values on i18n property (#12776)
• checkbox,field-base,form-layout,multi-select-combo-box,radio-group,slider,switch,text-area,vaadin-lumo-styles
  • ⧉ Apply labels aside to fields placed directly in form layout (#12601)
• date-picker,vaadin-lumo-styles
  • ⧉ Update month-calendar Lumo to use base styles (#12595)
• form-layout,vaadin-lumo-styles
  • ⧉ Style form-item required indicator in base styles (#11435)
• time-picker
  • ⧉ Set time-picker value from input text explicitly

🚀　New Features

• aura,message-list
  • ⧉ Add bubble theme variant to message-list (#12490)
• aura,multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Add select all button to multi-select-combo-box (#12716)
• checkbox-group,combo-box,custom-field,date-picker,date-time-picker,email-field,field-base,integer-field,multi-select-combo-box,number-field,password-field,radio-group,select,slider,text-area,text-field,time-picker
  • ⧉ Add label-aside text-align property to field base styles (#12723)
  • ⧉ Add label-aside theme variant to field base styles (#12590)
• checkbox-group,combo-box,custom-field,date-picker,date-time-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,radio-group,select,slider,text-area,text-field,time-picker,vaadin-lumo-styles
  • ⧉ Add label-aside theme variant to field Lumo styles (#12729)
• form-layout
  • ⧉ Add label text-align property to form layout (#12813)
  • ⧉ Add labels-aside-active state attribute to form layout (#12769)
• form-layout,vaadin-lumo-styles
  • ⧉ Support field label properties in form-item styles (#12773)
• message-input
  • ⧉ Add support for custom send button to message-input (#12615)
  • ⧉ Refine message-input button color, radius, hover and focus outline (#12683)
  • ⧉ Add focused and focus-ring attributes to message-input (#12679)
• message-input,vaadin-lumo-styles
  • ⧉ Add header, prefix and footer slots to message-input (#12604)
• message-list
  • ⧉ Add message-list typing indicator (#12577)
  • ⧉ Add custom CSS properties for message content and avatar (#12515)
  • ⧉ Make message-list a flex container, add max-width custom property (#12507)
  • ⧉ Add --vaadin-message-user-color custom CSS property (#12491)
• vaadin-lumo-styles
  • ⧉ Add label-aside text-align property to field Lumo styles (#12757)
  • ⧉ Support upload file name, status and error props in Lumo (#12521)

🐛　Bug Fixes

• app-layout
  • ⧉ Reserve drawer and navbar space in app-layout before first paint (#12715)
• aura,charts
  • ⧉ Keep chart contrast colors opaque when background is transparent (#12600)
• aura,checkbox,field-base,radio-group
  • ⧉ Apply custom marker color to checked checkbox and radio button (#12567)
• badge
  • ⧉ Update badge has-content when slotted text node data changes (#12664)
• badge,vaadin-lumo-styles
  • ⧉ Keep Lumo badge size consistent when the border is hidden (#12511)
• button,dashboard,message-input,select,upload
  • ⧉ Hide button container from accessibility tree (#12525)
• charts
  • ⧉ Make tooltip stickOnContact work in styled mode (#12661)
  • ⧉ Style tooltips rendered outside the shadow root (#12608)
  • ⧉ Re-measure organization data labels without resizing the chart (#12609)
  • ⧉ Wrap only getSVG for export events (#12541)
• checkbox-group,custom-field,field-base,message-input,radio-group,slider,vaadin-lumo-styles
  • ⧉ Anchor field baseline guide unconditionally to the input (#12576)
• combo-box
  • ⧉ Add type declaration for combo box placeholder module (#12622)
  • ⧉ Reset combo-box item renderer state when clearing content (#12500)
• combo-box,multi-select-combo-box
  • ⧉ Keep combo box overlay open when clearing cache while loading (#12653)
• component-base,master-detail-layout,overlay
  • ⧉ Mark outside click as consumed instead of preventing it (#12817)
• context-menu,menu-bar
  • ⧉ Respect RTL when navigating menu-bar sub-menu with arrow keys (#12733)
• dashboard
  • ⧉ Render dashboard slots before rendering items (#12670)
• dashboard,vaadin-lumo-styles
  • ⧉ Move dashboard widget padding to base styles (#12569)
• date-picker
  • ⧉ Disable month calendar tap highlight and user select (#12586)
• date-picker,date-time-picker
  • ⧉ Clear focused state after closing date-picker in fullscreen mode (#12690)
• dialog
  • ⧉ Focus dialog when a drag or resize gesture is a click (#12756)
• field-base
  • ⧉ Update InputFieldMixin to use correct override (#12524)
• grid
  • ⧉ Stop observing details cell removed from row (#12777)
  • ⧉ Retry pending scrollToIndex even when no rows are rendered (#12691)
  • ⧉ Use composed focus target when scrolling oversized row into view (#12629)
• grid-pro,grid,vaadin-lumo-styles
  • ⧉ Hide screen-reader-only label in Lumo grid header (#12705)
• map
  • ⧉ Use correct fallback value for map radius property (#12549)
• menu-bar
  • ⧉ Use fractional rects in menu-bar overflow detection logic (#12807)
  • ⧉ Measure the overflow button edge when collapsing menu-bar items (#12791)
• message-input
  • ⧉ Focus text area on message input mousedown (#12606)
  • ⧉ Support per-corner radius properties in message input (#12563)
• message-list
  • ⧉ Restore default typing indicator text when cleared (#12753)
  • ⧉ Scroll to bottom after markdown content is rendered (#12509)
  • ⧉ Use soft line breaks in message-list markdown mode (#12498)
• multi-select-combo-box
  • ⧉ Only open multi-select-combo-box dropdown on label or field click (#12739)
  • ⧉ Restore filter to input on Escape in multi-select-combo-box (#12738)
• multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Keep label-aside label aligned in empty multi-select-combo-box (#12767)
• overlay
  • ⧉ Hold closed overlay styles until the closing state ends (#12656)
• popover
  • ⧉ Focus popover content on Tab when popover host has focus (#12652)
• vaadin-lumo-styles
  • ⧉ Stop clipping label descenders in Lumo label-aside fields (#12771)
  • ⧉ Update Lumo for tree-toggle to use correct fallback (#12548)

💅　Polish

• aura,multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Render select all button as custom element in light DOM (#12768)
• breadcrumbs
  • ⧉ Remove experimental feature flag from breadcrumbs component (#12634)
• charts
  • ⧉ Retarget document handlers instead of copying Highcharts bodies (#12660)
• checkbox,field-base,form-layout,multi-select-combo-box,radio-group,slider,switch,text-area,vaadin-lumo-styles
  • ⧉ Rename labels-aside-active attribute to has-labels-aside (#12805)
• combo-box,multi-select-combo-box
  • ⧉ Compare combo-box items by itemIdPath in one place (#12731)
• combo-box,multi-select-combo-box,time-picker
  • ⧉ Extract combo box highlight logic into mixin (#12765)
  • ⧉ Update scroller and overlay opened state from base mixin (#12727)
  • ⧉ Move shared dropdown logic to combo-box items mixin (#12726)
• combo-box,multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Move select all button logic into mixin (#12784)
• field-base
  • ⧉ Extract allowed text checks into _shouldAcceptText method (#12627)
• grid
  • ⧉ Render grid body rows declaratively with Lit (#12626)
• grid-pro
  • ⧉ Update grid-pro styles to include grid base styles correctly (#12707)
• menu-bar
  • ⧉ Improve menu-bar overflow detection performance (#12802)
  • ⧉ Lock menu-bar container width only when buttons overflow (#12801)
  • ⧉ Cleanup and improve menu-bar mixin internal logic (#12734)
• message-list
  • ⧉ Extract message-list base styles into separate file (#12518)
  • ⧉ Use updated() for message-list items and markdown observers (#12513)
  • ⧉ Hide messages with CSS until markdown component is defined (#12504)
• multi-select-combo-box
  • ⧉ Add internal APIs for controlling the select all button from the Flow component (#12818)
  • ⧉ Extract announcing selection into separate private method (#12823)
  • ⧉ Only recompute select all button label when it can change (#12789)
• multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Include select all button in arrow key navigation (#12770)
• switch
  • ⧉ Remove experimental feature flag from switch component (#12628)
• time-picker
  • ⧉ Select time-picker dropdown item by value
• vaadin-lumo-styles
  • ⧉ Apply Lumo label end padding only to required fields (#12755)

📝　Documentation

• avatar,button,card,dialog,icon,login,menu-bar,slider,split-layout,tabs,upload
  • ⧉ Add missing custom CSS properties to JSDoc styling tables (#12537)
• combo-box,date-picker,multi-select-combo-box,select,time-picker
  • ⧉ Align field custom CSS properties tables in JSDoc (#12532)
• form-layout
  • ⧉ Expand label position section in form layout JSDoc (#12822)
  • ⧉ Update label position section in form layout JSDoc (#12798)
• grid-pro,grid
  • ⧉ Add grid custom CSS properties tables to JSDoc (#12535)
• rich-text-editor
  • ⧉ Add missing rich-text-editor custom CSS properties to JSDoc (#12536)

🔬　Tests

• app-layout
  • ⧉ Improve app-layout responsive test coverage (#12721)
• aura,multi-select-combo-box,vaadin-lumo-styles
  • ⧉ Add visual tests for select all button (#12752)
• charts
  • ⧉ Add charts coverage for a11y, events, exporting and layout (#12597)
  • ⧉ Add chart visual coverage for Highcharts 12.2.0 (#12585)
• checkbox-group,combo-box,custom-field,date-picker,date-time-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,radio-group,select,slider,text-area,text-field,time-picker
  • ⧉ Add Aura visual tests for label-aside theme variant (#12788)
• date-picker
  • ⧉ Add visual tests for disabled and keyboard focused dates (#12603)
  • ⧉ Improve date-picker metadata provider tests readability (#12602)
• date-time-picker
  • ⧉ Extract date-time-picker focus tests to separate file (#12692)
• field-base
  • ⧉ Add group field visual tests and baseline reference to field-base (#12579)
• grid
  • ⧉ Cover grid column mixin gaps found by mutation testing (#12780)
• grid-pro,grid
  • ⧉ Use firstElementChild to get cell content wrapper (#12781)
• menu-bar
  • ⧉ Parametrize menu-bar overflow tests by direction and collapse order (#12792)
  • ⧉ Extract createItems helper for menu-bar overflow tests (#12793)
• multi-select-combo-box
  • ⧉ Update role=application rationale in multi-select-combo-box (#12786)
  • ⧉ Add overlay opening tests for multi-select-combo-box (#12744)
• multi-select-combo-box,time-picker
  • ⧉ Remove MSCB and time-picker helperText unit tests (#12740)
• number-field
  • ⧉ Add number-field property and attribute tests (#12624)
• slider
  • ⧉ Add baseline visual tests for slider and range slider (#12654)
  • ⧉ Add label visual tests for Aura slider and range-slider (#12584)
• vaadin-lumo-styles
  • ⧉ Add Lumo visual tests for field and group field mixins (#12736)
• Other
  • ⧉ Animate the dialog in the menu-bar overflow integration test (#12809)

🏠　Internal

• a11y-base,accordion,app-layout,aura,avatar-group,avatar,badge,board,breadcrumbs,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,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,icons,input-container,integer-field,item,list-box,lit-renderer,login,map,markdown,master-detail-layout,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,popover,progress-bar,radio-group,rich-text-editor,scroller,select,side-nav,slider,split-layout,switch,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-lumo-styles,vaadin-themable-mixin,vertical-layout,virtual-list
  • ⧉ Change main branch version to 25.4.0-alpha0 (#12558)
  • ⧉ Update main branch to 26.0.0-alpha0 (#12502)
• aura,vaadin-lumo-styles
  • ⧉ Upgrade postcss dev dependencies versions (#12547)
• breadcrumbs
  • ⧉ Drop obsolete breadcrumbs spec and tasks files (#12635)
• Other
  • ⧉ Add reverseCollapse and max width to menu-bar playground page (#12790)
  • ⧉ Use slotted content in auto-responsive form layout dev page (#12772)
  • ⧉ Add form-layout playground dev page (#12647)
  • ⧉ Upgrade Playwright version to 1.63.0 (#12646)
  • ⧉ Bump @humanfs/node from 0.16.7 to 0.16.8 (#12599)
  • ⧉ Bump fast-uri from 3.1.5 to 3.1.7 (#12598)
  • ⧉ Update semantic-dom-diff dev dependency version (#12565)
  • ⧉ Update CLAUDE.md to mention single package per group (#12533)