Releases: vaadin/web-components
Releases · vaadin/web-components
v24.7.0-beta1
API Documentation →
💥 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)
🐛 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 →
💥 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 →
💥 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 →
💥 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 →
💥 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 →
🐛 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
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 →
🐛 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
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 →
🐛 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
API Documentation →
🚀 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
API Documentation →
🐛 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