v25.0.0-alpha18

API Documentation →

Changes Since v25.0.0-alpha17

💥　Breaking Changes

• a11y-base,accordion,app-layout,avatar-group,button,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,form-layout,item,login,map,menu-bar,message-input,password-field,rich-text-editor,scroller,select,text-area,upload
  • ⧉ Set focus-ring attribute on programmatic focus (#10049)

🚀　New Features

• context-menu,menu-bar,vaadin-lumo-styles
  • ⧉ Add position to context-menu, use listenOn as context target (#10079)
• date-time-picker
  • ⧉ Support partial i18n for date time picker (#10125)
• time-picker
  • ⧉ Support partial i18n in time picker (#9141)

🐛　Bug Fixes

• a11y-base
  • ⧉ Do not include nested child nodes in tabs items (#10043)
• context-menu
  • ⧉ Do not update menu overlay position when not opened (#10124)
• field-base
  • ⧉ Forced color mode for radio-button and checkbox (#10117)
  • ⧉ Don't allow themes to accidentally override autofill styles (#10119)
• side-nav
  • ⧉ Forced color mode for side-nav-item base styles (#10118)
• vaadin-lumo-styles
  • ⧉ Remove Lumo props.css import from utility.css (#10123)

💅　Polish

• checkbox,field-base,radio-group
  • ⧉ Add readonly state to radio-group base styles (#10115)
• component-base
  • ⧉ Simplify logic that prevents immediate overscroll (#10128)
• password-field
  • ⧉ Simplify password-field observers to use updated (#10013)
• upload,vaadin-lumo-styles
  • ⧉ Update Lumo upload file list to use base styles (#10063)

v24.9.0-beta2

API Documentation →

Changes Since v24.9.0-beta1

💥　Breaking Changes

• a11y-base,accordion,app-layout,avatar-group,button,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,form-layout,item,login,map,menu-bar,message-input,password-field,rich-text-editor,scroller,select,text-area,upload
  • ⧉ Set focus-ring attribute on programmatic focus (#10049) (#10126)

🐛　Bug Fixes

• a11y-base
  • ⧉ Do not include nested child nodes in tabs items (#10043) (#10121)
• grid
  • ⧉ Allow reordering grid columns inside a draggable parent (#10091) (#10092)
• overlay
  • ⧉ Prevent IntersectionObserver infinite loop in observeMove (#10099) (#10102)

v24.8.7

API Documentation →

Changes Since v24.8.6

🐛　Bug Fixes

• a11y-base
  • ⧉ Do not include nested child nodes in tabs items (#10043) (#10122)
• grid
  • ⧉ Allow reordering grid columns inside a draggable parent (#10091) (#10093)
• overlay
  • ⧉ Prevent IntersectionObserver infinite loop in observeMove (#10099) (#10103)

v25.0.0-alpha17

API Documentation →

Changes Since v25.0.0-alpha16

💥　Breaking Changes

• charts
  • ⧉ Upgrade Highcharts version to 12.2.0 (#10010)
• grid
  • ⧉ Replace custom grid logic with overflow controller (#10075)
• upload
  • ⧉ Remove no longer used upload file shadow parts (#10060)

🚀　New Features

• accordion,avatar-group,avatar,button,checkbox-group,checkbox,combo-box,component-base,custom-field,date-picker,date-time-picker,details,email-field,icon,integer-field,list-box,message-input,multi-select-combo-box,number-field,password-field,radio-group,side-nav,tabs,text-area,text-field,time-picker
  • ⧉ Add has-tooltip attribute to components supporting slotted tooltip (#10028)
• component-base,tooltip
  • ⧉ Add tooltip content-changed event and use it in controller (#10045)
• overlay,vaadin-lumo-styles
  • ⧉ Add custom CSS property to control overlay viewport inset (#10108)
• side-nav,vaadin-lumo-styles
  • ⧉ Add tooltip support to vaadin-side-nav-item (#10008)

🐛　Bug Fixes

• charts
  • ⧉ Add workaround for checking correct target element (#10072)
• confirm-dialog,crud,dialog,login,popover
  • ⧉ Don't show focus overlay outline when opened with the mouse (#10105)
• grid
  • ⧉ Allow reordering grid columns inside a draggable parent (#10091)
• overlay
  • ⧉ Update position target reset logic to cover margins (#10113)
  • ⧉ Use correct method to ignore overlay content scroll (#10100)
  • ⧉ Prevent IntersectionObserver infinite loop in observeMove (#10099)
• popover
  • ⧉ Make popover width and height work when set before attach (#10077)
• rich-text-editor
  • ⧉ Only show toolbar button tooltip on keyboard focus (#10040)
  • ⧉ Hide opening tooltip on color or background button click (#10032)
• vaadin-lumo-styles
  • ⧉ Add missing sr-only element styles to Lumo select (#10044)
• vaadin-themable-mixin
  • ⧉ Do not throw when media text is not accessible (#10116)

💅　Polish

• app-layout,avatar,item,master-detail-layout
  • ⧉ Add forced colors mode adjustments to base styles (#10084)
• app-layout,confirm-dialog,crud,date-picker,dialog,login,master-detail-layout,overlay
  • ⧉ Unify base styles backdrop property name and default value (#10080)
• avatar-group,avatar,message-list
  • ⧉ Update avatar and avatar-group base styles, fix overlap mask (#10082)
• button,date-picker,password-field
  • ⧉ Update button border and tertiary variant base styles (#10086)
• checkbox,field-base
  • ⧉ Update checkbox base styles, add icon size property (#10095)
• checkbox-group,checkbox,combo-box,component-base,crud,custom-field,date-picker,date-time-picker,field-base,field-highlighter,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Add base styles gap properties, reduce label and input gap (#10081)
• component-base
  • ⧉ Update base styles color properties to use oklab (#10090)
  • ⧉ Remove no longer needed PolylitMixin teleportation logic (#10089)
• dashboard,vaadin-lumo-styles
  • ⧉ Update dashboard to use base styles, cleanup Lumo CSS (#10054)
• date-picker,vaadin-lumo-styles
  • ⧉ Update date-picker overlay content to use base styles (#10087)
• message-list,vaadin-lumo-styles
  • ⧉ Update message to use base styles, cleanup Lumo CSS (#10061)
• overlay
  • ⧉ Reset overlay position when positionTarget is removed (#10107)
• popover,vaadin-lumo-styles
  • ⧉ Update popover overlay Lumo CSS to use base styles (#10064)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Update RTE to use base styles, cleanup Lumo CSS (#10056)
• select
  • ⧉ Do not use phone mode backdrop in select base styles (#10083)
• side-nav
  • ⧉ Update side-nav and side-nav-item base styles (#10096)
• upload,vaadin-lumo-styles
  • ⧉ Update upload-file Lumo CSS to use base styles (#10059)
• vaadin-lumo-styles
  • ⧉ Cleanup scroller Lumo CSS covered by base styles (#10062)

📝　Documentation

• a11y-base,tabsheet
  • ⧉ Do not mention dom-repeat and combo-box in items JSDoc (#10048)
• charts
  • ⧉ Fix typos in charts axis events JSDoc (#10052)
• combo-box,date-picker,email-field,integer-field,number-field,password-field,select,text-area,text-field,time-picker
  • ⧉ List parts and attributes in JSDoc of all field components (#10068)
• form-layout
  • ⧉ Mark slotStyles as protected to exclude from API docs (#10047)
• overlay,radio-group,tabs,upload
  • ⧉ Remove part name from remaining state attributes JSDoc (#10065)

🔬　Tests

• avatar-group
  • ⧉ Update avatar-group snapshots to correctly open overlay (#10111)
• card
  • ⧉ Add avatar dependency to card, update visual tests ([#10088](https://github.com/vaadin/web-components/pull/...

v24.7.12

API Documentation →

Changes Since v24.7.11

🐛　Bug Fixes

• field-base
  • ⧉ Bump TypeScript to 5.9, remove autocorrect property override (#9876)
• grid
  • ⧉ Allow reordering grid columns inside a draggable parent (#10091) (#10094)
  • ⧉ Adjust aria-rowcount and aria-colcount based on grid state (#9872) (#9892)
  • ⧉ Recalculate column widths on initial item load with same data provider (#9859) (#9868)
• popover
  • ⧉ Do not throw on closing popover when target is not set (#9942) (#9947)
  • ⧉ Save focus if target is set while popover is open (#9826) (#9828)

📝　Documentation

• rich-text-editor
  • ⧉ Fix incorrect list toolbar group name in JSDoc (#9968) (#9970)

v24.9.0-beta1

API Documentation →

Changes Since v24.9.0-alpha2

🚀　New Features

• accordion,avatar-group,avatar,button,checkbox-group,checkbox,combo-box,component-base,custom-field,date-picker,date-time-picker,details,email-field,icon,integer-field,list-box,message-input,multi-select-combo-box,number-field,password-field,radio-group,side-nav,tabs,text-area,text-field,time-picker
  • ⧉ Add has-tooltip attribute to components supporting slotted tooltip (#10028) (#10076)

📝　Documentation

• checkbox-group,combo-box,custom-field,date-time-picker,grid,overlay,progress-bar,radio-group,tabs,text-field,upload
  • ⧉ Update state attributes docs to not list part names (#10000) (#10070)
• combo-box,date-picker,email-field,integer-field,number-field,password-field,select,text-area,text-field,time-picker
  • ⧉ List parts and attributes in JSDoc of all field components (#10068) (#10074)

🔬　Tests

• Other
  • ⧉ Make grid-pro date-picker editor tests more reliable (#10071) (#10073)

v24.8.6

API Documentation →

Changes Since v24.8.5

🐛　Bug Fixes

• dashboard
  • ⧉ Do not set touch-action: none on dashboard to allow scroll (#10033) (#10035)
• master-detail-layout
  • ⧉ Master-detail-layout split mode view transition in RTL (#9959) (#9963)
• popover
  • ⧉ Do not throw on closing popover when target is not set (#9942) (#9946)
• tabsheet
  • ⧉ Enforce tabsheet panels to be hidden (#10002) (#10005)

📝　Documentation

• rich-text-editor
  • ⧉ Fix incorrect list toolbar group name in JSDoc (#9968) (#9969)

v24.9.0-alpha2

API Documentation →

Changes Since v24.9.0-alpha1

🚀　New Features

• component-base,tooltip
  • ⧉ Add tooltip content-changed event and use it in controller (#10045) (#10046)
• side-nav
  • ⧉ Add tooltip support to vaadin-side-nav-item (#10008) (#10050)

🐛　Bug Fixes

• dashboard
  • ⧉ Do not set touch-action: none on dashboard to allow scroll (#10033) (#10034)

💅　Polish

• a11y-base
  • ⧉ Use focusVisible: true in FocusTrapController focus (#10031) (#10036)

📝　Documentation

• charts
  • ⧉ Fix typos in charts axis events JSDoc (#10052) (#10053)

🔬　Tests

• a11y-base,component-base,field-base,item,list-box
  • ⧉ Remove Lit tests for controllers and mixins from 24.9 (#10029)
• Other
  • ⧉ Improve flaky grid-pro custom editor integration test (#10051)

v25.0.0-alpha16

API Documentation →

Changes Since v25.0.0-alpha15

💥　Breaking Changes

• cookie-consent
  • ⧉ Remove vaadin-cookie-consent in v25 (#10027)

🐛　Bug Fixes

• confirm-dialog,login
  • ⧉ Hide default outline on confirm-dialog and login-overlay (#10025)
• dashboard,vaadin-lumo-styles
  • ⧉ Do not set touch-action: none on dashboard to allow scroll (#10033)
• dialog,overlay
  • ⧉ Close modeless dialog on Esc when dialog itself has focus (#10037)
• overlay
  • ⧉ Do not trap focus when removing overlay while opening (#10042)
• upload
  • ⧉ Add missing upload file overflow and focus outline styles (#10016)

💅　Polish

• a11y-base
  • ⧉ Use focusVisible: true in FocusTrapController focus (#10031)
• board
  • ⧉ Deprecate vaadin-board (#10030)
• component-base,form-layout
  • ⧉ Add utility for issuing warnings once (#10015)
• confirm-dialog,crud,dialog,login,overlay,popover,rich-text-editor
  • ⧉ Remove usage of AriaModalController from overlay (#10026)
• crud,dialog
  • ⧉ Set aria-modal and tabindex on the dialog (#10024)
• login
  • ⧉ Set aria-modal and tabindex on the login overlay (#10003)
• popover
  • ⧉ Set aria-modal and tabindex on the popover (#10020)
• rich-text-editor,tooltip
  • ⧉ Support clearing tooltip ariaTarget by setting null (#10039)
• vaadin-themable-mixin
  • ⧉ Remove no longer used logic from ThemableMixin (#10011)

🔬　Tests

• Other
  • ⧉ Improve flaky grid-pro custom editor integration test (#10023)

🏠　Internal

• a11y-base,checkbox-group,component-base,context-menu,crud,date-picker,field-base,grid,icon,integer-field,item,menu-bar,message-list,number-field,radio-group,vaadin-themable-mixin
  • ⧉ Fix some incorrect JSDoc found by eslint-plugin-jsdoc (#10012)
• Other
  • ⧉ Add rollup plugin to copy icons and charts demo data (#10014)
  • ⧉ Update versioning instructions (#10018)

v24.9.0-alpha1

API Documentation →

Changes Since v24.8.5

💥　Breaking Changes

• accordion,app-layout,avatar-group,avatar,board,button,charts,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,cookie-consent,crud,custom-field,date-picker,date-time-picker,details,dialog,email-field,form-layout,grid-pro,grid,horizontal-layout,icon,input-container,integer-field,item,list-box,login,map,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,progress-bar,radio-group,rich-text-editor,scroller,select,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vertical-layout,virtual-list
  • ⧉ Remove experimental Lit based versions from 24.9 (#10021)

🐛　Bug Fixes

• master-detail-layout
  • ⧉ Master-detail-layout split mode view transition in RTL (#9959) (#9963)
• popover
  • ⧉ Do not throw on closing popover when target is not set (#9942) (#9946)
• tabsheet
  • ⧉ Enforce tabsheet panels to be hidden (#10002) (#10005)

💅　Polish

• component-base,form-layout
  • ⧉ Add utility for issuing warnings once (#10015) (#10019)
• cookie-consent
  • ⧉ Deprecate vaadin-cookie-consent (#10022)

📝　Documentation

• rich-text-editor
  • ⧉ Fix incorrect list toolbar group name in JSDoc (#9968) (#9969)

🏠　Internal

• All components
  • ⧉ Bump to 24.9.0-alpha0 (#10017)