Skip to content

Releases: vaadin/web-components

v24.7.0-beta1

26 Feb 08:24
Compare
Choose a tag to compare
v24.7.0-beta1 Pre-release
Pre-release

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

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

24 Feb 08:20
Compare
Choose a tag to compare
v24.7.0-alpha10 Pre-release
Pre-release

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

14 Feb 11:38
Compare
Choose a tag to compare
v24.7.0-alpha9 Pre-release
Pre-release

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

14 Feb 11:57
Compare
Choose a tag to compare

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
  • grid
    • Add missing resetMouse to tests using sendMouse (#8655) (#8656)

🏠 Internal

  • Other

v24.5.10

14 Feb 11:47
Compare
Choose a tag to compare

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
  • grid
    • Add missing resetMouse to tests using sendMouse (#8655) (#8657)
  • grid-pro
    • Remove console.log from grid-pro keyboard test (#8662)

🏠 Internal

  • Other

v24.6.4

07 Feb 08:36
Compare
Choose a tag to compare

API Documentation →

Changes Since v24.6.3

🐛 Bug Fixes

  • combo-box
  • 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
  • button,grid
  • grid-pro
  • 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

07 Feb 08:33
Compare
Choose a tag to compare

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
  • button,grid
  • grid-pro
  • 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

07 Feb 08:20
Compare
Choose a tag to compare

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)

v24.7.0-alpha8

03 Feb 11:51
Compare
Choose a tag to compare
v24.7.0-alpha8 Pre-release
Pre-release

API Documentation →

Changes Since v24.7.0-alpha7

🚀 New Features

  • horizontal-layout,vertical-layout
    • Add layout improvements behind feature flag (#8552)

🐛 Bug Fixes

  • form-layout
    • Use the most recent IntersectionObserver entry in form-layout (#8596)
  • grid
    • Allow all rows visible grid shrink horizontally (#8559)
  • upload
    • Import progress-bar from correct file in Lit version of upload (#8553)
    • Import button from correct file in Lit version of upload (#8551)

💅 Polish

  • a11y-base,select
    • Make selected property in ListMixin use sync: true (#8594)
  • charts
    • Extract chart logic into reusable mixin (#8562)
  • field-highlighter
    • Use LitElement for field highlighter internal elements (#8548)
  • icon
    • Rewrite vaadin-iconset as vanilla custom element (#8550)

🚧 Experiments

  • charts
    • Add LitElement based version of vaadin-chart (#8563)
  • icon
    • Prepare LitElement based icon for publishing (#8556)

📝 Documentation

  • combo-box
    • Align JSDoc annotation for combo-box change event (#8555)
  • form-layout
    • Deprecate form-item label-position attribute (#8603)

🔬 Tests

  • All components
    • Merge Polymer and Lit test files into a single file (#8592)
    • Create @vaadin/test-runner-commands (#8534)
  • 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)
  • button,checkbox,combo-box,dashboard,date-picker,date-time-picker,grid-pro,grid,menu-bar,multi-select-combo-box,number-field,overlay,popover,radio-group,text-area,text-field,time-picker,virtual-list
    • Add sendMouseToElement test runner command (#8566)
  • button,grid
    • Generate Lit test files automatically (#8561)
  • combo-box,date-picker,date-time-picker,field-highlighter,multi-select-combo-box
    • Import files that register styles before custom elements (#8578)
  • date-time-picker
    • Correctly apply CSS in date-time-picker visual test (#8581)
  • form-layout
    • Refactor tests to avoid relying on implementation details (#8608)
    • Replace unit tests with visual tests (#8593)
  • grid-pro
    • Stabilize grid-pro keyboard test (#8585)
    • Wait for possible scroll into view (#8574)
  • list-box
    • Do not generate Lit test file for missing-import.test.js (#8597)
  • multi-select-combo-box
    • Increase specificity to hide caret in visual tests (#8577)
  • Other
    • Add dialog form layout integration test (#8607)

🏠 Internal

  • All components
    • Add @vaadin/test-runner-commands to each package (#8570)
  • crud,form-layout
    • Add missing lit dependency to package.json files (#8557)
  • icon,notification,virtual-list
    • Add protected JSDoc annotation to render method (#8554)
  • Other
    • Enforce Webdriver classic protocol in visual tests (#8621)
    • Upgrade SauceLabs launcher to the latest version (#8573)
    • Suppress Lit related console warnings in tests (#8579)

v24.6.3

28 Jan 09:53
Compare
Choose a tag to compare

API Documentation →

Changes Since v24.6.2

🐛 Bug Fixes

  • grid
    • Allow all rows visible grid shrink horizontally (#8559) (#8560)
    • Prevent grid with all rows visible from shrinking (#8535) (#8537)
    • Ensure grid root cache has a valid size (#8525) (#8526)
    • Flush frozen columns before calculating auto width (#8516)
    • Do not stop ignored dragleave events in grid (#8500) (#8501)
  • grid,virtual-list
    • Avoid content outside grid ending up in drag image (#8529) (#8532)
  • split-layout
    • Check if node is an element when removing slot attribute (#8533) (#8538)
  • vaadin-lumo-styles
    • Add missing colon in responsive alignment utility classes (#8496) (#8497)

🔬 Tests

  • a11y-base,accordion,app-layout,avatar,button,checkbox-group,checkbox,combo-box,component-base,context-menu,crud,dashboard,date-picker,date-time-picker,details,field-base,field-highlighter,grid-pro,grid,integer-field,map,menu-bar,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,popover,radio-group,rich-text-editor,scroller,select,side-nav,text-field,time-picker,upload,virtual-list