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)

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)

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)

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)

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)

API Documentation →

Changes Since v25.0.0-alpha14

💥　Breaking Changes

• rich-text-editor
  • ⧉ Remove on state attribute from pressed toolbar buttons (#9999)

🚀　New Features

• charts
  • ⧉ Add chart-end-resize event (#9973)
• overlay
  • ⧉ Add overlay reference to open and close event detail (#9987)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Add indent and outdent toolbar buttons and i18n strings (#9971)
  • ⧉ Add nested lists styles, allow using Tab to modify indentation (#9399)

🐛　Bug Fixes

• component-base,dashboard
  • ⧉ Remove drag icon size, unify base icons syntax (#9974)
• date-picker
  • ⧉ Do not set aria-hidden attribute on date-picker label (#9998)
• popover
  • ⧉ Do not reopen popover when clicking target (#9979)
• tabsheet,vaadin-lumo-styles
  • ⧉ Enforce tabsheet panels to be hidden (#10002)
• vaadin-lumo-styles
  • ⧉ Add CSS to make Lumo dialog content overflow work (#9993)

💅　Polish

• component-base
  • ⧉ Introduce _shouldLoadCachePage to allow customization (#9984)
  • ⧉ Prefix DataProviderController's private methods with # (#9982)
• confirm-dialog,crud,overlay,rich-text-editor
  • ⧉ Set aria-modal and tabindex on the confirm-dialog (#9980)
• overlay,popover
  • ⧉ Update popover to use global overlay listeners (#9972)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Use toolbar-button-pressed attribute for button styles (#9991)
• tooltip
  • ⧉ Reflect opened property to attribute in tooltip (#9978)

📝　Documentation

• checkbox-group,combo-box,custom-field,date-time-picker,grid,progress-bar,radio-group,tabs,text-field
  • ⧉ Update state attributes docs to not list part names (#10000)
• combo-box
  • ⧉ Fix incorrect JSDoc annotation in combo-box-scroller-mixin (#9985)
• confirm-dialog,dialog
  • ⧉ Remove mentions of overlay in dialog and confirm-dialog (#9986)
• popover
  • ⧉ Update popover JSDoc to remove mentions of the overlay (#9983)
  • ⧉ Deprecate popover renderer property and Lit directive (#9981)

🔬　Tests

• login
  • ⧉ Extend login-overlay snapshots to cover host element (#10004)
• rich-text-editor
  • ⧉ Remove indentation test that randomly fails in WebKit (#9994)

🏠　Internal

• component-base
  • ⧉ Use private package for dev pages, add build script (#9995)
• Other
  • ⧉ Fix processing of font assets in dev pages builds (#10007)
  • ⧉ Add index.html listing page to charts dev pages (#10009)
  • ⧉ Add GitHub Actions workflow to publish dev pages (#10006)
  • ⧉ Do not load Lumo CSS in dev pages by default (#9997)
  • ⧉ Simplify charts dev pages to not use lumo subfolder (#9996)
  • ⧉ Replace Polymer based API docs with the new website (#9975)
  • ⧉ Add api-docs package with new static website (#9803)

API Documentation →

Changes Since v23.6.0

🐛　Bug Fixes

• component-base,grid
  • ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9516)

API Documentation →

No Changes Since v25.0.0-alpha13

This is a release to make another @vaadin/bundles release with latest lit dependency version.

API Documentation →

Changes Since v25.0.0-alpha12

💥　Breaking Changes

• avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,date-time-picker,dialog,login,menu-bar,multi-select-combo-box,popover,select,time-picker,tooltip
  • ⧉ Remove overlayClass property from overlay components (#9926)
• grid
  • ⧉ Rename _getIndexLevel to __getRowLevel to accept a row (#9952)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Update to Quill v2.0 and use getSemanticHTML (#9007)

🚀　New Features

• grid
  • ⧉ Add hasChildren property to grid row model (#9956)

🐛　Bug Fixes

• card,confirm-dialog,crud,dashboard,dialog,horizontal-layout,login,tabsheet,vertical-layout
  • ⧉ Use new padding and gap base style properties in various components (#9939)
• charts,vaadin-lumo-styles
  • ⧉ Add :root to charts CSS selector to fix exporting (#9907)
• confirm-dialog,crud,dialog
  • ⧉ Align dialog border with other overlay base styles (#9929)
• date-picker
  • ⧉ Use explicit text color in date-picker base styles (#9962)
• date-time-picker,field-base,login
  • ⧉ Keep required indicator attached to label (#9932)
• form-layout
  • ⧉ Avoid stretching form items when layout is stretched (#9961)
• master-detail-layout
  • ⧉ Master-detail-layout split mode view transition in RTL (#9959)
• notification,overlay,tooltip
  • ⧉ Unify border on all overlays in forced color mode (#9931)
• popover
  • ⧉ Reflect popover opened property to attribute (#9967)
  • ⧉ Do not throw on closing popover when target is not set (#9942)
• rich-text-editor
  • ⧉ Use correct padding custom property in RTE base styles (#9966)
• rich-text-editor,vaadin-lumo-styles
  • ⧉ Use correct background color for Lumo code blocks (#9925)

💅　Polish

• app-layout,button,card,component-base,crud,dashboard,date-picker,date-time-picker,details,dialog,field-base,form-layout,grid,horizontal-layout,input-container,item,list-box,login,message-list,notification,popover,rich-text-editor,side-nav,tabs,tabsheet,upload,vertical-layout
  • ⧉ Base styles padding and gap properties (#9934)
• button,card,charts,checkbox,component-base,crud,dashboard,date-picker,dialog,field-base,field-highlighter,grid,input-container,list-box,login,map,master-detail-layout,message-input,multi-select-combo-box,notification,overlay,popover,progress-bar,rich-text-editor,scroller,tabsheet,tooltip,upload,virtual-list
  • ⧉ Rename base styles border color properties (#9937)
• component-base
  • ⧉ Remove PolylitMixin logic for handling teleported elements (#9923)
• confirm-dialog,vaadin-lumo-styles
  • ⧉ Remove resizer-container from confirm-dialog overlay (#9938)
• dashboard
  • ⧉ Remove not needed dashboard-button min-width (#9950)
• grid-pro,vaadin-lumo-styles
  • ⧉ Update grid-pro CSS to not use registerStyles (#9953)
• menu-bar
  • ⧉ Inline submenu mixin, add button and submenu typings (#9928)

📝　Documentation

• charts
  • ⧉ Improve code examples in charts JSDoc annotations (#9964)
• rich-text-editor
  • ⧉ Fix incorrect list toolbar group name in JSDoc (#9968)

🔬　Tests

• combo-box
  • ⧉ Remove no longer needed combo-box test styles (#9951)
• confirm-dialog
  • ⧉ Extend confirm-dialog snapshots to cover shadow DOM (#9940)
• dashboard
  • ⧉ Add missing snapshot tests to dashboard (#9949)
• dialog
  • ⧉ Extend dialog snapshots to cover overlay shadow DOM (#9941)
• multi-select-combo-box
  • ⧉ Remove no longer needed multi-select-combo-box styles (#9955)
• popover
  • ⧉ Add missing snapshot tests to popover (#9943)
• progress-bar
  • ⧉ Add missing snapshot tests to progress-bar (#9944)
• rich-text-editor
  • ⧉ Update rich-text-editor snapshot after Quill bump (#9965)
  • ⧉ Add missing snapshot tests to rich-text-editor (#9948)
  • ⧉ Update rich-text-editor visual tests to hide caret (#9924)
• split-layout
  • ⧉ Add missing snapshot tests to split-layout (#9945)

🏠　Internal

• component-base
  • ⧉ Remove unused radius-full property (#9936)
• vaadin-lumo-styles
  • ⧉ Fix some incorrect formatting in Lumo CSS files (#9954)
• Other
  • ⧉ Use backdrop-click event on MDL dev page (#9960)
  • ⧉ Don't use lumo property for padding on dev page (#9935)
  • ⧉ Remove theme folder files from ESLint and Stylelint (#9927)
  • ⧉ Remove no longer needed flag from Lumo visual tests (#9919)
  • ⧉ Simplify web-test-runner theme plugins config (#9920)

API Documentation →

Changes Since v24.8.4

🚀　New Features

• dialog
  • ⧉ Add draggable attribute to vaadin-dialog-overlay (#9784)

🐛　Bug Fixes

• field-base
  • ⧉ Bump TypeScript to 5.9, remove autocorrect property override (#9875)
• grid
  • ⧉ Adjust aria-rowcount and aria-colcount based on grid state (#9872) (#9891)
  • ⧉ Recalculate column widths on initial item load with same data provider (#9859) (#9867)
• master-detail-layout
  • ⧉ Defer detect layout mode until updates are done (#9889) (#9912)
• popover
  • ⧉ Save focus if target is set while popover is open (#9826) (CP: 24.8) (#9827)