v25.2.0-alpha2

API Documentation →

Changes Since v25.2.0-alpha1

💥　Breaking Changes

• grid
  • ⧉ Only re-render affected rows on grid selection change (#11397)

🚀　New Features

• aura,master-detail-layout
  • ⧉ Add detail placeholder slot to master-detail-layout (#11374)
• master-detail-layout
  • ⧉ Add backdrop fade-in/out transition to master-detail-layout (#11414)

🐛　Bug Fixes

• grid-pro,grid
  • ⧉ Make conditional editing work with lazy columns (#11405)

💅　Polish

• aura,master-detail-layout
  • ⧉ Rename MDL overflow attribute to overlay (#11407)
  • ⧉ Replace MDL view transitions with web animations (#11371)
• grid
  • ⧉ Only re-render affected rows on grid details opened change (#11398)
• master-detail-layout
  • ⧉ Change expand property default value to master (#11413)
  • ⧉ Remove redundant replace grid-overlap rules (#11409)
  • ⧉ Extract transition type detection and clean up on disconnect (#11408)
  • ⧉ Use ID selectors for master and detail in base styles (#11401)

📝　Documentation

• avatar-group
  • ⧉ Add custom CSS properties to vaadin-avatar-group JSDoc (#11388)
• crud
  • ⧉ Update custom CSS properties table for vaadin-crud (#11389)
• form-layout
  • ⧉ Update form-item JSDoc for label position and shadow parts (#11393)
• message-list
  • ⧉ Simplify vaadin-message JSDoc, fix example formatting (#11395)
• upload
  • ⧉ Add i18n getter override and improve i18n JSDoc for upload components (#11382)

🔬　Tests

• tabs
  • ⧉ Update Aura tabs screenshots, disable tab transitions (#11385)

🏠　Internal

• master-detail-layout
  • ⧉ Add list-detail-extra dev page and refactor shared CSS (#11412)
• Other
  • ⧉ Add multiple nested MDL dev page to use cases (#11406)
  • ⧉ Add dev pages with master-detail-layout use cases (#11404)
  • ⧉ Update Aura dev page theme editor (#11402)
  • ⧉ Exclude focus and blur events from CEM output (#11386)
  • ⧉ Resolve missing inherited members in CEM class declarations (#11381)
  • ⧉ Bump flatted from 3.4.1 to 3.4.2 (#11384)

v25.0.9

API Documentation →

Changes Since v25.0.8

🐛　Bug Fixes

• charts
  • ⧉ Restore stroke value for .highcharts-color-7 (#11375) (#11380)
• grid-pro,grid
  • ⧉ Make conditional editing work with lazy columns (#11405) (CP: 25.0) (#11411)
• menu-bar,vaadin-lumo-styles
  • ⧉ Menu-bar overflow detection in flex/grid layouts (#11358) (CP: 25.0) (#11360)
• scroller
  • ⧉ Remove flex: 1 from scroller base styles to respect explicit height (#11373) (#11378)

v25.1.0

API Documentation →

Changes Since v25.0.0

💥　Breaking Changes

• aura
  • ⧉ Use blue as the default Aura accent color (#11100)
  • ⧉ Adjust aura gap and padding property values (#11073)
• grid
  • ⧉ Fire click on space for cells with text content (#10970)
• grid,vaadin-lumo-styles
  • ⧉ Optimize more CSS selectors to reduce match attempts (#11087)

🚀　New Features

• aura
  • ⧉ Allow surface color adjustments on app-layout (#10644)
  • ⧉ Add class name to set accent color to the global accent color (#10643)
  • ⧉ Add --aura-neutral light-dark color (#10642)
• aura,avatar-group,avatar,crud,login,message-list
  • ⧉ Add support for Aura size variants (#11218)
• aura,avatar-group,avatar,message-list
  • ⧉ Aura font size variants (#11228)
• aura,dashboard,vaadin-lumo-styles
  • ⧉ Add button part for dashboard widget and section (#11333)
• aura,notification,vaadin-lumo-styles
  • ⧉ Shared notification theme variants (#11118)
• aura,popover
  • ⧉ Add popover arrow inset property, update Aura arrow size (#11122)
• aura,upload,vaadin-lumo-styles
  • ⧉ Add upload-button (#10938)
• aura,vaadin-lumo-styles
  • ⧉ Status color classes for notification (#10989)
• badge
  • ⧉ Add dot theme variant to badge (#11162)
  • ⧉ Add icon-only and number-only variants to badge (#11161)
  • ⧉ Add badge number property and shadow parts wrappers (#11151)
  • ⧉ Add Aura theme styles and visual tests for badge component (#11133)
  • ⧉ Add Lumo theme styles and visual tests for badge component (#11132)
  • ⧉ Add initial badge component implementation (#11131)
• dashboard
  • ⧉ Allow preventing automatic item removal in Dashboard (#10623)
• dialog
  • ⧉ Add support for slotted header and footer content (#10624)
  • ⧉ Add option to keep dialog within viewport when dragging (#11030)
  • ⧉ Add public API to disable focus trap (#10777)
  • ⧉ Add resize-start and drag-start events (#10991)
  • ⧉ keepInViewport enhancements (#11199)
• grid
  • ⧉ Scroll to column (#10978)
  • ⧉ Add --vaadin-grid-cell-text-overflow CSS custom property (#10787)
• message-list
  • ⧉ Base, Aura and Lumo styles for MessageList attachments (#11204)
  • ⧉ Message-list item attachments (#10611)
  • ⧉ Snap message-list scroll to bottom on items change (#10549)
• notification
  • ⧉ Add className option to Notification.show (#10727)
• slider
  • ⧉ Add Aura CSS and visual tests for slider and range-slider (#11116)
  • ⧉ Add accessibleNameStart and accessibleNameEnd to range-slider (#11060)
  • ⧉ Add minMaxVisible property to slider and range-slider (#11057)
  • ⧉ Add slider active state attributes for pointer interaction (#11047)
  • ⧉ Add invalid-changed and validated event types to slider (#11044)
  • ⧉ Add bubble overlay to display slider and range-slider value (#11026)
  • ⧉ Add Lumo CSS and visual tests for slider and range-slider (#11023)
  • ⧉ Stop native input event, fire custom event on user interaction (#11014)
  • ⧉ Add label, helperText and errorMessage support to slider (#10981)
  • ⧉ Implement readonly property in slider and range-slider (#10985)
  • ⧉ Implement disabled property in slider and range-slider (#10980)
  • ⧉ Implement slider and range-slider pointer events support (#10966)
  • ⧉ Add slider event types, JSDoc and typings tests (#10967)
  • ⧉ Render slotted input type range, add keyboard support (#10958)
  • ⧉ Add sliderComponent feature flag (#10957)
  • ⧉ Update track fill and thumb position on value change (#10954)
  • ⧉ Initialize slider web component package (#10936)
• upload
  • ⧉ Handle HTTP 413 error in upload [1 day] (#11115)
  • ⧉ Auto-disable upload components when manager is disabled (#11083)
  • ⧉ Upload thumbnails theme variant (#10607)
  • ⧉ Make vaadin-upload-file-list...

v25.2.0-alpha1

API Documentation →

Changes Since v25.1.0-beta2

💥　Breaking Changes

• master-detail-layout
  • ⧉ Rewrite master-detail-layout with CSS grid (#11361)

🚀　New Features

• aura,dashboard,vaadin-lumo-styles
  • ⧉ Add button part for dashboard widget and section (#11333)
• vaadin-lumo-styles
  • ⧉ Migrate Lumo colors to CSS light-dark() and color-scheme (#11266)

🐛　Bug Fixes

• aura
  • ⧉ Add missing component-specific properties in Aura overlay styles (#11163) (#11279)
• aura,avatar-group,combo-box,confirm-dialog,context-menu,date-picker,dialog,grid-pro,login,menu-bar,multi-select-combo-box,overlay,popover,select,time-picker
  • ⧉ Overlay text color with dark and mixed color schemes (#11265)
• aura,card,vaadin-lumo-styles
  • ⧉ Use correct width for horizontal elevated card media (#11283)
• aura,confirm-dialog,dialog
  • ⧉ Make dialog respect aura surface opacity (#11277)
• button,combo-box,field-base,text-area
  • ⧉ Don't stretch buttons and single-line inputs in row flex container (#11311)
• charts
  • ⧉ Restore stroke value for .highcharts-color-7 (#11375)
• combo-box
  • ⧉ Select combo box input text on next click after dropdown closed (#11324)
• component-base
  • ⧉ Postpone registration until first instance is created (#11354)
  • ⧉ Allow setting i18n property before upgrading element (#11325)
  • ⧉ Avoid virtualizer losing scroll position on large size change (#11256)
• grid
  • ⧉ Make scrollToColumn update cell position synchronously (#11291)
• grid-pro,grid
  • ⧉ Physically reorder grid cells on column reorder (#10632)
• master-detail-layout
  • ⧉ Start detail column offscreen regardless of expand mode (#11370)
• menu-bar
  • ⧉ Preserve active attribute on menu-bar button while submenu is open (#11331)
• menu-bar,vaadin-lumo-styles
  • ⧉ Menu-bar overflow detection in flex/grid layouts (#11358)
• notification
  • ⧉ Round middle notification region translate to nearest pixel (#11257)
• rich-text-editor
  • ⧉ Use correct dev dependency version in rte (#11327)
• scroller
  • ⧉ Remove flex: 1 from scroller base styles to respect explicit height (#11373)
• split-layout
  • ⧉ Set overflow: clip on the split layout content elements (#11296)
• vaadin-lumo-styles
  • ⧉ Inherit alignment properties from host to vaadin-button-container in lumo (#11309)
  • ⧉ Round progress-bar height to nearest full pixel (#11278)

💅　Polish

• aura
  • ⧉ Don't adjust container padding based on border-radius (#11365)
  • ⧉ Allow Aura badges to inherit the accent color from the container (#11282)
• aura,message-list,vaadin-lumo-styles
  • ⧉ Update message attachment base styles and themes (#11308)
• aura,side-nav,tabs,tabsheet
  • ⧉ Update Aura side-nav and tabs background colors (#11289)
• crud,custom-field,date-picker,dialog,side-nav,upload
  • ⧉ Use object syntax for property declarations to fix CEM types (#11273)
• crud,grid
  • ⧉ Do not use String shorthand syntax for properties (#11292)
• multi-select-combo-box
  • ⧉ Simplify multi-select-combo-box updating chips logic (#11295)

📝　Documentation

• a11y-base,app-layout,crud,grid-pro,grid,notification,tabs,upload
  • ⧉ Remove type JSDoc annotation for string enum properties (#11264)
• charts
  • ⧉ Add missing space to chart fires JSDoc annotation (#11306)
  • ⧉ Remove type JSDoc annotation for series markers property (#11305)
  • ⧉ Remove more types JSDoc for enum properties (#11274)
  • ⧉ Fix incorrect fires JSDoc annotation for series-mouse-over (#11267)
• charts,checkbox-group,crud,dashboard,date-picker,date-time-picker,login,select,upload
  • ⧉ Remove more unnecessary type JSDoc annotations (#11263)
• context-menu,message-input
  • ⧉ Add missing JSDoc annotations for message-input and context-menu (#11303)
• dashboard
  • ⧉ Add missing @fires for dashboard-item-before-remove in .d.ts (#11302)
• item
  • ⧉ Add JSDoc annotation for label property in vaadin-item (#11290)
  • ⧉ Add missing type JSDoc to ItemMixin value property (#11276)
• side-nav
  • ⧉ Update side-nav-item JSDoc to use vaadin-badge component (#11285)
• time-picker
  • ⧉ Add missing JSDoc and type for time-picker unparsable-change event (#11300)
• upload
  • ⧉ Add missing @fires and type for upload file-remove event (#11301)
  • ⧉ Add missing fires JSDoc annotations for upload file events (#11268)

🔬　Tests

• All components
  • ⧉ Use Playwright for vis...

v25.1.0-rc1

API Documentation →

Changes Since v25.1.0-beta4

🐛　Bug Fixes

• menu-bar,vaadin-lumo-styles
  • ⧉ Menu-bar overflow detection in flex/grid layouts (#11358) (CP: 25.1) (#11359)

v24.10.0

API Documentation →

Changes Since v24.9.0

🚀　New Features

• dialog
  • ⧉ keepInViewport enhancements (#11199) (#11202)
  • ⧉ Add option to keep dialog within viewport when dragging (#11030) (#11076)

No Changes Since v24.10.0-beta2

v25.1.0-beta4

API Documentation →

Changes Since v25.1.0-beta3

🐛　Bug Fixes

• combo-box
  • ⧉ Select combo box input text on next click after dropdown closed (#11324) (#11350)
• component-base
  • ⧉ Postpone registration until first instance is created (#11354) (#11355)

🏠　Internal

• tooltip
  • ⧉ Remove enforceThemePlugin from visual test plugins (#11339) (#11341)

v25.0.8

API Documentation →

Changes Since v25.0.7

🐛　Bug Fixes

• aura,card,vaadin-lumo-styles
  • ⧉ Use correct width for horizontal elevated card media (#11283) (#11293)
• combo-box
  • ⧉ Select combo box input text on next click after dropdown closed (#11324) (#11351)
• component-base
  • ⧉ Postpone registration until first instance is created (#11354) (#11356)
  • ⧉ Avoid virtualizer losing scroll position on large size change (#11256) (#11271)
• menu-bar
  • ⧉ Preserve active attribute on menu-bar button while submenu is open (#11331) (#11337)
• notification
  • ⧉ Round middle notification region translate to nearest pixel (#11257) (#11281)
• split-layout
  • ⧉ Set overflow: clip on the split layout content elements (#11296) (#11299)
• vaadin-lumo-styles
  • ⧉ Inherit alignment properties from host to vaadin-button-container in lumo (#11309) (#11310)

📝　Documentation

• charts
  • ⧉ Fix incorrect fires JSDoc annotation for series-mouse-over (#11267) (#11272)

v24.10.0-beta2

API Documentation →

Changes Since v24.10.0-beta1

🐛　Bug Fixes

• combo-box
  • ⧉ Select combo box text on next click after dropdown closed (#11352)

v24.9.13

API Documentation →

Changes Since v24.9.12

🐛　Bug Fixes

• combo-box
  • ⧉ Select combo box text on next click after dropdown closed (#11352) (#11353)