v25.0.0-beta6

API Documentation →

Changes Since v25.0.0-beta5

🐛　Bug Fixes

• aura
  • ⧉ Restore proper gap on side-nav-items, adjust label gap (#10534)
  • ⧉ Override popover border-radius (#10527)
  • ⧉ Don't override button surface opacity in notifications (#10528)
  • ⧉ Override checkmark and menu icons from base styles (#10529)
  • ⧉ (aura) adjust visual icon sizes (#10525)
• Other
  • ⧉ Indicate normal value in aura-scheme-control (#10533)

💅　Polish

• accordion,avatar-group,avatar,checkbox,combo-box,component-base,context-menu,custom-field,dashboard,date-picker,date-time-picker,details,field-base,field-highlighter,grid,integer-field,login,map,menu-bar,message-list,multi-select-combo-box,number-field,select,side-nav,tabs,time-picker,upload
  • ⧉ Base style lucide icons (#10526)
• aura
  • ⧉ Always use some amount of padding in app-layout navbar (#10547)
  • ⧉ Do not apply justify-content to navbar part (#10546)
  • ⧉ Adjust aura menu item styles (#10535)
  • ⧉ Adjust aura app-layout border styles (#10540)
  • ⧉ Compute aura tabs border radius (#10539)
  • ⧉ Apply filled style to all nested side-nav-items and tabs (#10538)
  • ⧉ Use oklch for default background colors (#10537)
  • ⧉ Remove theme attribute color scheme rules (#10541)
  • ⧉ Adjust aura accent color variants (#10532)
• side-nav
  • ⧉ Do not set gap on side-nav item without children (#10548)
• vaadin-themable-mixin
  • ⧉ Allow LumoInjector to be disabled at specific roots (#10542)

🏠　Internal

• Other
  • ⧉ Do not override focus-ring color in aura dev page (#10536)

v24.9.6

API Documentation →

Changes Since v24.9.5

🚀　New Features

• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463) (#10465)

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445) (#10459)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508) (#10511)

v24.8.13

API Documentation →

Changes Since v24.8.12

🚀　New Features

• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463) (#10466)

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445) (#10460)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508) (#10512)

v25.0.0-beta5

API Documentation →

Changes Since v25.0.0-beta4

💥　Breaking Changes

• aura
  • ⧉ Update aura accent and surface colors (#10522)
• aura,button,checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Field components baseline alignment base styles (#10320)
• avatar-group,vaadin-lumo-styles
  • ⧉ Add reverse variant for avatar group Lumo theme (#10437)
• crud,grid-pro,grid
  • ⧉ Re-implement grid base styles to use CSS borders (#10331)
• grid
  • ⧉ Remove deprecated classNameGenerator API (#10502)

🚀　New Features

• aura
  • ⧉ Add Aura theme attributes to switch between light and dark theme (#10486)
• component-base
  • ⧉ Add ability to ignore elements in SlotController (#10463)
• dashboard
  • ⧉ Add root heading level support to dashboard layout (#9249)
• progress-bar
  • ⧉ Add custom CSS property for progress-bar height (#10492)
• tabs
  • ⧉ Add base styles custom CSS properties for vaadin-tabs (#10507)

🐛　Bug Fixes

• app-layout,aura,component-base,master-detail-layout
  • ⧉ App-layout and master-detail-layout safe area insets (#10483)
• checkbox-group,checkbox,field-base,radio-group
  • ⧉ Make checkbox and radio button marker color work in Safari 17 (#10501)
• context-menu,menu-bar
  • ⧉ Remove incorrect visibility for sub-menu indicator (#10506)
• field-base,radio-group
  • ⧉ Align radio-button on label baseline (#10469)
• grid
  • ⧉ Avoid doubled footer border when all rows visible (#10475)
  • ⧉ Ensure last cell is fully scrolled into view when focused (#10468)
• notification,overlay
  • ⧉ Avoid rendering overlays in iOS viewport safe areas (#10476)
• select
  • ⧉ Prevent opening or selecting item if modifier key is used (#10508)

💅　Polish

• app-layout
  • ⧉ Wait for animation completion using Animation API (#10510)
• aura
  • ⧉ Adjust how contrast affects border colors (#10523)
  • ⧉ Adjust aura color palette, ensure better color contrast (#10520)
  • ⧉ Add -color suffix to remaining aura properties (#10516)
  • ⧉ Use separate active and hover states for aura side nav item (#10500)
  • ⧉ Update aura menu item min border radius (#10499)
  • ⧉ Prevent aura menu item text selection (#10496)
  • ⧉ Don't tint progress bar color (#10495)
  • ⧉ Use font-weight medium for select value button (#10489)
  • ⧉ Add -color suffix to Aura color custom CSS properties (#10471)
• aura,avatar-group,avatar,vaadin-lumo-styles
  • ⧉ Update avatar base styles and aura, add filled variant (#10524)
• aura,button,component-base,dashboard,date-picker,details,field-base,grid,input-container,item,map,message-input,rich-text-editor,side-nav,tabs,text-area,tooltip,upload
  • ⧉ Split padding-container custom CSS property in base styles (#10447)
• aura,item
  • ⧉ Disable iOS tap highlight color in item base styles (#10491)
• avatar,vaadin-lumo-styles
  • ⧉ Override base properties in avatar Lumo, add JSDoc (#10519)
• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Reduce error message gap in base styles (#10462)
• component-base
  • ⧉ Rename and move safari 17 workaround custom property (#10514)
  • ⧉ Register base color CSS variables as explicitly (#10493)
• context-menu
  • ⧉ Hide context-menu and menu-bar submenu backdrop (#10497)
• context-menu,menu-bar
  • ⧉ Only show submenu indicator if there are child items (#10472)
• date-picker
  • ⧉ Update date-picker Escape logic to stop propagation (#10477)
• field-base
  • ⧉ Ensure minimum click target for checkbox and radio-button (#10458)
• field-base,text-area
  • ⧉ Add pseudo-element to increase field button clickable area (#10454)
• grid
  • ⧉ Clean up some grid CSS selectors (#10503)
  • ⧉ Simplify some CSS selectors related to borders (#10485)
  • ⧉ Only apply linear-gradient if CSS variable is defined (#10478)
  • ⧉ Apply CSS parts using Element's part property (#10480)
• grid,vaadin-lumo-styles
  • ⧉ Switch from part attribute to class selectors in grid (#10488)
• grid-pro,grid
  • ⧉ Align updatePart parameter order with other methods (#10481)
• input-container
  • [⧉](https://github.com/vaadin/web-components/com...

v25.0.0-beta4

API Documentation →

Changes Since v25.0.0-beta3

💥　Breaking Changes

• grid
  • ⧉ Mark A11yMixin methods as private (#9718)
• rich-text-editor
  • ⧉ Remove rich-text-editor base styles custom properties (#10419)
• upload
  • ⧉ Change default uploadFormat to 'raw' (#10424)
  • ⧉ Remove upload buttons base styles custom properties (#10420)

🚀　New Features

• date-time-picker,vaadin-lumo-styles
  • ⧉ Add input-fields stylable part to date-time-picker (#10441)
• grid
  • ⧉ Add dedicated CSS parts for header and footer rows (#10449)
• upload
  • ⧉ Add uploadFormat property for raw binary uploads (#10423)

🐛　Bug Fixes

• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10410)
• grid
  • ⧉ Ensure row cell parts are in place after setting rowDetailsRenderer (#10443)
• item
  • ⧉ Add missing pointer-events: none to disabled item base styles (#10413)
• map
  • ⧉ Add missing styles for map scale bar control (#10414)
• multi-select-combo-box
  • ⧉ Sync multi-select-combo-box top group on data change (#10445)
• password-field
  • ⧉ Use correct color for readonly password-field reveal button (#10429)
• upload
  • ⧉ Encode X-Filename header for files with special characters (#10451)
• upload,vaadin-lumo-styles
  • ⧉ Align Lumo upload icon to the center (#10446)

💅　Polish

• aura
  • ⧉ Remove app-layout CSS that hides drawer-toggle in certain cases (#10453)
• avatar,tooltip
  • ⧉ Use border instead of box-shadow in tooltip base styles (#10434)
• combo-box,date-picker,date-time-picker,multi-select-combo-box,select,time-picker
  • ⧉ Hide toggle button for readonly fields in base styles (#10432)
• field-base
  • ⧉ Use --vaadin-clickable-cursor in checkbox and radio-button (#10426)
• grid
  • ⧉ Make grid scroller inherit border radius in base styles (#10442)
  • ⧉ Make vaadin-grid-tree-toggle an inline-flex (#10440)
  • ⧉ Set flex to 1 on the grid tree toggle slot element (#10436)
  • ⧉ Add has-header and has-footer attrs to avoid :has selector (#10428)
• horizontal-layout,vaadin-lumo-styles,vertical-layout
  • ⧉ Add layouts padding property, use base styles in Lumo (#10422)
• multi-select-combo-box
  • ⧉ Remove base styles CSS properties for chip min-width (#10431)
• notification
  • ⧉ Rename notification gap custom CSS property (#10430)
• overlay
  • ⧉ Update overlay base styles reset to inherit font-family (#10435)
• scroller,tabsheet,vaadin-lumo-styles,virtual-list
  • ⧉ Update scroller and virtual-list overflow-indicators (#10433)
• vaadin-lumo-styles
  • ⧉ Override base styles properties with Lumo colors (#10450)

v24.9.5

API Documentation →

Changes Since v24.9.4

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405) (#10406)
• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10410) (#10421)
• grid-pro
  • ⧉ Use proper item comparison (#10411) (#10412)

v24.8.12

API Documentation →

Changes Since v24.8.11

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405) (#10407)
• combo-box,date-picker,email-field,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker
  • ⧉ Move tooltip slot to field container (#10421) (#10425)

v25.0.0-beta3

API Documentation →

Changes Since v25.0.0-beta2

🐛　Bug Fixes

• button
  • ⧉ Relocate button tooltip to workaround nvda click issue (#10405)
• grid-pro
  • ⧉ Use proper item comparison (#10411)

💅　Polish

• avatar,card,charts,dashboard,date-picker,details,form-layout,horizontal-layout,icon,map,message-list,popover,rich-text-editor,scroller,split-layout,upload,vaadin-themable-mixin,vertical-layout
  • ⧉ Make Lumo style injection tag name configurable (#10404)

v25.0.0-beta2

API Documentation →

Changes Since v25.0.0-beta1

💥　Breaking Changes

• charts
  • ⧉ Prevent vaadin-chart from expanding parent containers (#10366)
• context-menu,dialog,overlay,popover,select
  • ⧉ Use slotted div element as a dialog renderer root (#10367)

🚀　New Features

• aura,vaadin-lumo-styles,vaadin-themable-mixin
  • ⧉ Add mixin for detecting Vaadin theme (#10390)

🐛　Bug Fixes

• a11y-base,menu-bar
  • ⧉ Ensure menu-bar buttons always have correct tabindex (#10356)
• avatar-group,avatar
  • ⧉ Reduce opacity of black text (#10346)
• avatar-group,charts,component-base,field-highlighter,message-list
  • ⧉ Update base styles user colors to work in Safari 17 (#10361)
• component-base
  • ⧉ Catch rapid size changes missed by ResizeObserver in virtualizer (#10370)
• component-base,grid
  • ⧉ Configure ResizeObserver to observe entire border box (#10378)
• date-picker,overlay
  • ⧉ Check if keydown event is prevented before closing overlay (#10360)
• grid
  • ⧉ Do not dispatch grid-drop event on dropping row to input (#10351)
  • ⧉ Only animate grid tree toggle within a focused row (#10336)
• overlay
  • ⧉ Add missing sourceEvent to vaadin-overlay-close event type (#10375)

💅　Polish

• app-layout
  • ⧉ Only set focusVisible on closing drawer with keyboard (#10368)
• aura
  • ⧉ Fine-tune aura font styles (#10379)
  • ⧉ Update readonly and disabled input field surface color (#10373)
  • ⧉ Don't adjust surface color based on contrast (#10348)
  • ⧉ Inherit CRUD confirm dialog color scheme (#10347)
  • ⧉ Reduce base size on touch devices (#10349)
  • ⧉ Add border under rich-text-editor toolbar (#10350)
• card
  • ⧉ Make card size itself synchronously on first render (#10385)
• checkbox,radio-group
  • ⧉ Restore checkbox and radio-button specific marker properties (#10344)
• crud,grid
  • ⧉ Increase min-height for grid cells in base styles (#10315)
• date-picker
  • ⧉ Avoid layout thrashing on first dropdown render (#10380)
• date-picker,field-base
  • ⧉ Only prevent mousedown on mobile if input has focus (#10270)
• dialog
  • ⧉ Use custom element for dialog renderers instead of div (#10374)
• rich-text-editor
  • ⧉ Update fallback value for RTE content font-size property (#10343)
• vaadin-themable-mixin
  • ⧉ Allow reusing CSSPropertyObserver instance for a style root (#10383)

🔬　Tests

• component-base
  • ⧉ Fix virtualizer tests to pass with latest Firefox (#10334)
• grid
  • ⧉ Update grid scroll to index test to pass in Firefox (#10340)

🏠　Internal

• component-base
  • ⧉ Move comments on separate lines (#10345)
• integer-field,number-field
  • ⧉ Upgrade Playwright version to 1.56.0 (#10324)
• markdown
  • ⧉ Upgrade marked dependency to ^16.0.0 (#10342)
• Other
  • ⧉ Minor improvements for aura dev page (#10376)
  • ⧉ Aura dev page updates and formatting (#10372)

v24.9.4

API Documentation →

Changes Since v24.9.3

🐛　Bug Fixes

• dialog
  • ⧉ Prevent dialog from shrinking on the right edge (#10400)
• popover
  • ⧉ Do not reopen popover when clicking target (#9979) (#10397)