v24.6.6

API Documentation →

Changes Since v24.6.5

🚀　New Features

• overlay
  • ⧉ Add internal API for nested overlays to bringToFront (#8690) (#8723)

🐛　Bug Fixes

• confirm-dialog
  • ⧉ Place confirm-dialog footer correctly when height is set (#8678) (#8680)
• dialog
  • ⧉ Do not set position and max-width when dialog size is set (#8722) (#8724)
• popover
  • ⧉ Do not open popover after focusout during focus delay (#8745) (#8752)
  • ⧉ Check if popover target has focusElement as focusable (#8732) (#8743)
  • ⧉ Use ariaTarget property to set popover ARIA attributes if possible (#8721) (#8734)
  • ⧉ Bring popover overlay to front when used in modeless dialog (#8692) (#8728)
• select
  • ⧉ Always close select on outside click when in modeless dialog (#8727) (#8730)

🔬　Tests

• crud,email-field,number-field,text-field,upload
  • ⧉ Regenerate snapshots to match order in respective tests (#8746) (#8748)

v24.5.11

API Documentation →

Changes Since v24.5.10

🐛　Bug Fixes

• confirm-dialog
  • ⧉ Place confirm-dialog footer correctly when height is set (#8678) (#8681)
• popover
  • ⧉ Do not open popover after focusout during focus delay (#8745) (#8753)
  • ⧉ Check if popover target has focusElement as focusable (#8732) (#8744)
  • ⧉ Use ariaTarget property to set popover ARIA attributes if possible (#8721) (#8735)

v24.7.0-beta1

API Documentation →

Changes Since v24.6.0

💥　Behavior Altering Changes

• crud,custom-field,form-layout
  • ⧉ Remove FormLayout workaround for MS Edge < v16 (#8625)
• custom-field,field-highlighter,message-input,text-area
  • ⧉ Remove extra padding from text area (Material theme) (#8414)
• date-picker,field-base,number-field,time-picker
  • ⧉ Remove _hasInputValue property and event (#8417)
• field-base,number-field
  • ⧉ Return a marker string to help Flow identify bad input (#8413)
• form-layout
  • ⧉ Remove unnecessary subscription to animationend (#8633)
• popover
  • ⧉ Close popover without trigger on Esc and outside click (#8409)
• text-area
  • ⧉ Remove unnecessary subscription to animationend (#8718)

🚀　New Features

• a11y-base,button,menu-bar
  • ⧉ Make disabled menu bar buttons accessible with feature flag (#8518)
• a11y-base,button,vaadin-lumo-styles
  • ⧉ Make disabled buttons accessible with feature flag (#8513)
• app-layout
  • ⧉ Support partial i18n in app layout (#8647)
• avatar-group,avatar
  • ⧉ Support partial i18n in avatar (#8648)
• avatar-group,component-base
  • ⧉ Support partial i18n in avatar group (#8646)
• card
  • ⧉ Add card slots and theme variants (#8233)
• charts
  • ⧉ Add drag&drop support to vaadin-chart (#8488)
  • ⧉ Add support for Gantt task progress indication (#8426)
  • ⧉ Add support for Highcharts Gantt charts (#8424)
• combo-box,date-picker,field-highlighter,input-container,multi-select-combo-box,number-field,select,text-area,text-field,time-picker,vaadin-lumo-styles
  • ⧉ Optional pointer focus ring for input fields (#8505)
• component-base
  • ⧉ Add mixin for handling partial i18n objects (#8558)
• context-menu
  • ⧉ Allow adding custom data to context menu item types (#8712)
• crud
  • ⧉ Support partial i18n in crud (#8658)
• dashboard
  • ⧉ Support partial i18n in dashboard (#8660)
• form-layout
  • ⧉ Add form layout CSS properties, deprecate form item ones (#8691)
  • ⧉ Add form layout row spacing, deprecate form item row spacing (#8624)
• grid
  • ⧉ Add item-toggle event to notify when user toggles an item (#8231)
• horizontal-layout
  • ⧉ Add middle and end slots to horizontal layout (#8515)
• horizontal-layout,vertical-layout
  • ⧉ Add layout improvements behind feature flag (#8552)
• login
  • ⧉ Add headingLevel property to customize login heading level (#8445)
• menu-bar
  • ⧉ Allow adding custom data to menu bar item types (#8698)
• overlay
  • ⧉ Add internal API for nested overlays to bringToFront (#8690)
• text-area
  • ⧉ Allow shrinking text area to single row (#8168)
• upload
  • ⧉ Type event target for upload events (#8627)
• vaadin-lumo-styles
  • ⧉ Update transition utility classes, add custom CSS properties (#8677)
• virtual-list
  • ⧉ Improve virtual-list a11y (#8328)

Changes Since v24.7.0-alpha10

🐛　Bug Fixes

• dialog
  • ⧉ Do not set position and max-width when dialog size is set (#8722)
• menu-bar,vaadin-themable-mixin
  • ⧉ Add missing mixin class the MenuBar type (#8737)
• popover
  • ⧉ Use ariaTarget property to set popover ARIA attributes if possible (#8721)
• select
  • ⧉ Always close select on outside click when in modeless dialog (#8727)

v24.7.0-alpha10

API Documentation →

Changes Since v24.7.0-alpha9

💥　Breaking Changes

• text-area
  • ⧉ Remove unnecessary subscription to animationend (#8718)

🚀　New Features

• context-menu
  • ⧉ Allow adding custom data to context menu item types (#8712)
• form-layout
  • ⧉ Add form layout CSS properties, deprecate form item ones (#8691)
• menu-bar
  • ⧉ Allow adding custom data to menu bar item types (#8698)
• overlay
  • ⧉ Add internal API for nested overlays to bringToFront (#8690)
• vaadin-lumo-styles
  • ⧉ Update transition utility classes, add custom CSS properties (#8677)

🐛　Bug Fixes

• confirm-dialog
  • ⧉ Place confirm-dialog footer correctly when height is set (#8678)
• popover
  • ⧉ Bring popover overlay to front when used in modeless dialog (#8692)
• text-area
  • ⧉ Focus text-area on required indicator click (#8720)

💅　Polish

• a11y-base
  • ⧉ Use checkVisibility when supported by browser (#8708)

🔬　Tests

• dialog
  • ⧉ Cleanup outdated dialog test using text-area (#8719)
• field-base,text-field
  • ⧉ Cleanup text-field unit tests covered by mixins tests (#8715)
• text-area
  • ⧉ Cleanup text-area unit tests covered by mixins tests (#8716)
• text-area,text-field
  • ⧉ Remove incorrect usage of PatternMixin from typing tests (#8717)
• text-field
  • ⧉ Cleanup outdated text-field unit tests (#8711)

🏠　Internal

• charts,component-base,cookie-consent,list-box,rich-text-editor
  • ⧉ Remove no longer needed eslint-disable comments (#8710)
• icons,rich-text-editor,vaadin-lumo-styles,vaadin-material-styles
  • ⧉ Fix eslint warnings reported with new config version (#8705)
• Other
  • ⧉ Upgrade typescript and eslint dependencies (#8682)
  • ⧉ Update links generated by check releases script (#8679)

v24.7.0-alpha9

API Documentation →

Changes Since v24.7.0-alpha8

💥　Breaking Changes

• crud,custom-field,form-layout
  • ⧉ Remove FormLayout workaround for MS Edge < v16 (#8625)
• form-layout
  • ⧉ Remove unnecessary subscription to animationend (#8633)

🚀　New Features

• app-layout
  • ⧉ Support partial i18n in app layout (#8647)
• avatar-group,avatar
  • ⧉ Support partial i18n in avatar (#8648)
• avatar-group,component-base
  • ⧉ Support partial i18n in avatar group (#8646)
• component-base
  • ⧉ Add mixin for handling partial i18n objects (#8558)
• crud
  • ⧉ Support partial i18n in crud (#8658)
• dashboard
  • ⧉ Support partial i18n in dashboard (#8660)
• form-layout
  • ⧉ Add form layout row spacing, deprecate form item row spacing (#8624)
• horizontal-layout
  • ⧉ Add middle and end slots to horizontal layout (#8515)
• upload
  • ⧉ Type event target for upload events (#8627)

🐛　Bug Fixes

• combo-box
  • ⧉ Fix Material combo box overlay sizing (#8619)
• component-base
  • ⧉ Restore scroll position when virtualizer used in dialog (#8642)

💅　Polish

• form-layout
  • ⧉ Simplify isValidCSSLength by using CSS.supports (#8644)
  • ⧉ Simplify observers setup, improve tests (#8622)
  • ⧉ Use _onResize instead of IntersectionObserver (#8620)

📝　Documentation

• form-layout
  • ⧉ Add new variable doc and deprecate old one (#8636)

🔬　Tests

• a11y-base
  • ⧉ Switch from puppeteer to playwright chrome (#8659)
• app-layout,confirm-dialog,context-menu,cookie-consent,crud,dialog,login,menu-bar,notification,overlay
  • ⧉ Remove set-window-height command from visual tests (#8623)
• checkbox-group
  • ⧉ Cleanup outdated checkbox-group focus test (#8654)
• form-layout
  • ⧉ Add missing nextResize (#8635)
  • ⧉ Refactor tests to avoid relying on implementation details (#8634)
  • ⧉ Remove IntersectionObserver-related test (#8632)
• grid
  • ⧉ Add missing resetMouse to tests using sendMouse (#8655)
• select
  • ⧉ Cleanup outdated select tests for Tab keydown event (#8653)
• Other
  • ⧉ Improve coverage by using native input (#8637)

🏠　Internal

• vaadin-material-styles
  • ⧉ Add deprecation warning to Material theme (#8673)
• Other
  • ⧉ Bump koa from 2.13.4 to 2.15.4 (#8675)
  • ⧉ Add check-releases script (#8670)
  • ⧉ Upgrade playwright version to ^1.50 (#8652)
  • ⧉ Upgrade puppeteer version in yarn.lock to 23.11.1 (#8631)

v24.6.5

API Documentation →

Changes Since v24.6.4

💥　Breaking Changes

• popover
  • ⧉ Close popover without trigger on Esc and outside click (#8409) (#8666)

🐛　Bug Fixes

• component-base
  • ⧉ Restore scroll position when virtualizer used in dialog (#8642) (#8671)

🔬　Tests

• a11y-base
  • ⧉ Switch from puppeteer to playwright chrome (#8659) (#8664)
• grid
  • ⧉ Add missing resetMouse to tests using sendMouse (#8655) (#8656)

🏠　Internal

• Other
  • ⧉ Upgrade playwright version to ^1.50 (#8652) (#8663)
  • ⧉ Upgrade puppeteer version in yarn.lock to 23.11.1 (#8631) (#8649)

v24.5.10

API Documentation →

Changes Since v24.5.9

💥　Breaking Changes

• popover
  • ⧉ Close popover without trigger on Esc and outside click (#8409) (#8667)

🐛　Bug Fixes

• component-base
  • ⧉ Restore scroll position when virtualizer used in dialog (#8642) (#8672)

🔬　Tests

• a11y-base
  • ⧉ Switch from puppeteer to playwright chrome (#8659) (#8665)
• grid
  • ⧉ Add missing resetMouse to tests using sendMouse (#8655) (#8657)
• grid-pro
  • ⧉ Remove console.log from grid-pro keyboard test (#8662)

🏠　Internal

• Other
  • ⧉ Upgrade playwright version to ^1.50 (#8652) (#8661)
  • ⧉ Upgrade puppeteer version in yarn.lock to 23.11.1 (#8631) (#8651)

v24.6.4

API Documentation →

Changes Since v24.6.3

🐛　Bug Fixes

• combo-box
  • ⧉ Fix Material combo box overlay sizing (#8619) (#8626)
• form-layout
  • ⧉ Use the most recent IntersectionObserver entry in form-layout (#8596) (#8611)

💅　Polish

• a11y-base,item,select
  • ⧉ Make selected property in ListMixin use sync: true (#8594) (#8601)
• form-layout
  • ⧉ Use _onResize instead of IntersectionObserver (#8620) (#8628)

🔬　Tests

• All components
  • ⧉ Merge Polymer and Lit test files into a single file (#8604)
  • ⧉ Add @vaadin/test-runner-commands to each package (#8571)
• a11y-base,app-layout,checkbox-group,checkbox,component-base,context-menu,dashboard,date-picker,date-time-picker,field-highlighter,grid-pro,grid,menu-bar,password-field,popover,radio-group,rich-text-editor,upload
  • ⧉ Add shortcut for pressing multiple keys simultaneously (#8536) (#8588)
• button,checkbox,dashboard,date-time-picker,grid-pro,grid,overlay,popover,radio-group,virtual-list
  • ⧉ Add sendMouseToElement test runner command (#8566) (#8616)
• button,grid
  • ⧉ Generate Lit test files automatically (#8561) (#8591)
• grid-pro
  • ⧉ Stabilize grid-pro keyboard test (#8585) (#8586)
  • ⧉ Wait for possible scroll into view (#8574) (#8575)
• list-box
  • ⧉ Do not generate Lit test file for missing-import.test.js (#8597) (#8598)

🏠　Internal

• Other
  • ⧉ Upgrade SauceLabs launcher to the latest version (#8573) (#8613)

v24.5.9

API Documentation →

Changes Since v24.5.8

🐛　Bug Fixes

• form-layout
  • ⧉ Use the most recent IntersectionObserver entry in form-layout (#8596) (#8612)

💅　Polish

• form-layout
  • ⧉ Use _onResize instead of IntersectionObserver (#8620) (#8629)

🔬　Tests

• a11y-base,app-layout,checkbox-group,checkbox,component-base,context-menu,date-picker,date-time-picker,field-highlighter,grid-pro,grid,menu-bar,password-field,popover,radio-group,rich-text-editor,upload
  • ⧉ Add shortcut for pressing multiple keys simultaneously (#8536) (#8589)
• accordion,avatar,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,custom-field,date-picker,details,dialog,email-field,grid-pro,icon,input-container,integer-field,login,menu-bar,number-field,overlay,password-field,progress-bar,radio-group,rich-text-editor,select,split-layout,tabs,text-area,text-field,tooltip,upload,virtual-list
  • ⧉ Merge Polymer and Lit test files into a single file (#8605)
• button,checkbox,date-time-picker,grid-pro,grid,overlay,popover,radio-group,virtual-list
  • ⧉ Add sendMouseToElement test runner command (#8566) (#8617)
• button,grid
  • ⧉ Generate Lit test files automatically (#8561) (#8600)
• grid-pro
  • ⧉ Stabilize grid-pro keyboard test (#8585) (#8587)
  • ⧉ Wait for possible scroll into view (#8574) (#8576)
• list-box
  • ⧉ Do not generate Lit test file for missing-import.test.js (#8597) (#8599)

🏠　Internal

• All components
  • ⧉ Add @vaadin/test-runner-commands to each package (#8572)
• Other
  • ⧉ Upgrade SauceLabs launcher to the latest version (#8573) (#8614)

v23.5.12

API Documentation →

Changes Since v23.5.11

🐛　Bug Fixes

• grid
  • ⧉ Do not stop ignored dragleave events in grid (#8500) (#8640)
• grid,virtual-list
  • ⧉ Hide scroller completely when dragging large grids (#8351) (#8365)

🏠　Internal

• Other
  • ⧉ Upgrade SauceLabs launcher to the latest version (#8573) (#8615)
  • ⧉ Update web-test-runner dependencies (#8618)
  • ⧉ Pin ubuntu version in GitHub Actions (#8375) (#8378)