Releases: vaadin/web-components
Releases · vaadin/web-components
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
v24.5.8
API Documentation →
🐛 Bug Fixes
grid
- ⧉ Ensure grid root cache has a valid size (#8525) (#8527)
- ⧉ Do not stop ignored dragleave events in grid (#8500) (#8502)
split-layout
- ⧉ Check if node is an element when removing slot attribute (#8533) (#8539)
vaadin-lumo-styles
- ⧉ Add missing colon in responsive alignment utility classes (#8496) (#8498)
🔬 Tests
a11y-base,accordion,app-layout,avatar,button,checkbox-group,checkbox,combo-box,component-base,context-menu,crud,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
v24.7.0-alpha7
API Documentation →
🚀 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)
🐛 Bug Fixes
a11y-base,button
- ⧉ Do not allow programmatic focus when disabled (#8540)
grid
- ⧉ Prevent grid with all rows visible from shrinking (#8535)
split-layout
- ⧉ Check if node is an element when removing slot attribute (#8533)
💅 Polish
button,crud
- ⧉ Ensure disabled buttons suppress interaction events (#8541)
field-highlighter
- ⧉ Remove use of calculateSplices in user tags (#8495)
vertical-layout
- ⧉ Extract vertical layout styles into CSS literal (#8546)
📝 Documentation
button,menu-bar
- ⧉ Remove mentions of 'experimental' from JSDoc (#8549)
🔬 Tests
- Other
- ⧉ Prevent date-picker aria-hidden warning in ITs (#8544)
🏠 Internal
card
- ⧉ Align vaadin-card JSDoc annotation in .d.ts file (#8545)
grid
- ⧉ Remove unnecessary native dnd support check in grid (#8543)
- Other
- ⧉ Fix ESLint override glob, remove console.log from test (#8542)
v24.7.0-alpha6
API Documentation →
🚀 New Features
card
- ⧉ Add card slots and theme variants (#8233)
charts
- ⧉ Add drag&drop support to vaadin-chart (#8488)
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)
🐛 Bug Fixes
grid
- ⧉ Ensure grid root cache has a valid size (#8525)
- ⧉ Defer column width calculation until frozen columns update (#8514)
- ⧉ Do not stop ignored dragleave events in grid (#8500)
grid,virtual-list
- ⧉ Avoid content outside grid ending up in drag image (#8529)
vaadin-lumo-styles
- ⧉ Add missing colon in responsive alignment utility classes (#8496)
💅 Polish
a11y-base
- ⧉ Remove unused method from list-mixin (#8520)
grid
- ⧉ Clean up grid column auto width mixin (#8512)
- ⧉ Extract grid column auto-width mixin (#8507)
horizontal-layout
- ⧉ Extract horizontal layout styles into CSS literal (#8510)
menu-bar
- ⧉ Remove duplicate tabindex logic (#8517)
🔬 Tests
combo-box,date-picker,time-picker
- ⧉ Reset keyboardActive between tests (#8504)
v24.7.0-alpha5
API Documentation →
🚀 New Features
charts
- ⧉ Add support for Gantt task progress indication (#8426)
- ⧉ Add support for Highcharts Gantt charts (#8424)
🐛 Bug Fixes
board
- ⧉ Add missing hidden attribute styles to board and board row (#8483)
field-base
- ⧉ Enable reflectToAttribute for autocorrect property (#8475)
vaadin-lumo-styles
- ⧉ Also apply focus-ring width custom property to invalid state (#8467)
💅 Polish
board
- ⧉ Extract board row logic into reusable mixin (#8482)
cookie-consent
- ⧉ Remove legacy flex vendor prefixes from cookie-consent CSS (#8493)
- ⧉ Extract cookie consent logic into reusable mixin (#8491)
dashboard
- ⧉ Remove global dashboard widget styles (#8477)
field-highlighter
- ⧉ Extract field highlighter styles into reusable css literals (#8490)
map
- ⧉ Extract map logic into reusable mixin (#8484)
- ⧉ Extract map styles into reusable css literal (#8481)
🚧 Experiments
board
- ⧉ Add LitElement based version of vaadin-board (#8489)
cookie-consent
- ⧉ Add LitElement based version of vaadin-cookie-consent (#8492)
map
- ⧉ Add LitElement based version of vaadin-map (#8487)
🔬 Tests
dashboard
- ⧉ Add dashboard visual tests (#8470)
dialog,field-base
- ⧉ Fix local test failures in Firefox (#8461)
rich-text-editor
- ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465)
🏠 Internal
- Other
- ⧉ Document testing Tab with Playwright WebKit on Mac OS (#8474)
v24.6.2
API Documentation →
🐛 Bug Fixes
board
- ⧉ Add missing hidden attribute styles to board and board row (#8483) (#8485)
combo-box,date-picker,field-base,multi-select-combo-box
- ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8458)
vaadin-lumo-styles
- ⧉ Also apply focus-ring width custom property to invalid state (#8467) (#8471)
💅 Polish
dashboard
- ⧉ Remove global dashboard widget styles (#8477) (#8478)
grid-pro
🔬 Tests
grid
- ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457) (#8463)
rich-text-editor
- ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465) (#8468)
🏠 Internal
checkbox-group,checkbox,combo-box,component-base,context-menu,dashboard,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
v24.5.7
API Documentation →
🐛 Bug Fixes
board
- ⧉ Add missing hidden attribute styles to board and board row (#8483) (#8486)
checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,email-field,field-base,integer-field,login,multi-select-combo-box,number-field,password-field,radio-group,select,text-area,text-field,time-picker
- ⧉ Ensure error message is announced by VoiceOver (#8384) (#8395)
combo-box,date-picker,field-base,multi-select-combo-box
- ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8459)
crud
- ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8380)
grid,virtual-list
- ⧉ Hide scroller completely when dragging large grids (#8351) (#8358)
popover
- ⧉ Ignore target set while popover is detached until re-attached (#8350) (#8353)
select
- ⧉ Do not close select overlay when opened before attached (#8402) (#8404)
time-picker
- ⧉ Always strip input value to match step interval (#8421) (#8423)
vaadin-lumo-styles
- ⧉ Also apply focus-ring width custom property to invalid state (#8467) (#8472)
💅 Polish
grid-pro
login
- ⧉ Use div with heading role instead of h2 in form title (#8441) (#8443)
- ⧉ Replace h5 in login error message with strong (#8438) (#8440)
🔬 Tests
app-layout,avatar-group,board,charts,component-base,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
grid
- ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457) (#8464)
rich-text-editor
- ⧉ Fix flaky RTE test by moving Tab tests to a separate suite (#8465) (#8469)
🏠 Internal
- All components
- ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388) (#8391)
checkbox-group,checkbox,combo-box,component-base,context-menu,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
- Other
v24.4.18
API Documentation →
🐛 Bug Fixes
combo-box,date-picker,field-base,multi-select-combo-box
- ⧉ Do not clear on Esc with clear button visible when readonly (#8455) (#8460)
crud
- ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8381)
custom-field
- ⧉ Prevent possible errors when inputs property is not set (#8012) (#8368)
🏠 Internal
v24.7.0-alpha4
API Documentation →
💥 Behavior Altering Changes
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)
🚀 New Features
login
- ⧉ Add headingLevel property to customize login heading level (#8445)
text-area
- ⧉ Allow shrinking text area to single row (#8168)
🐛 Bug Fixes
avatar-group,avatar,message-list
- ⧉ Generate aria-label attribute on the avatar (#8435)
- ⧉ Change avatar default role attribute to img (#8427)
avatar-group,component-base,date-picker,field-base,grid
- ⧉ Compute property values in willChange (#8430)
combo-box,date-picker,field-base,multi-select-combo-box
- ⧉ Do not clear on Esc with clear button visible when readonly (#8455)
component-base
- ⧉ Check if options object is defined when creating property (#8432)
time-picker
- ⧉ Always strip input value to match step interval (#8421)
💅 Polish
button,checkbox,radio-group
- ⧉ Do not override tabindex property to set default value (#8418)
date-picker
- ⧉ Move common template logic to MonthCalendarMixin (#8431)
dialog
- ⧉ Remove no longer needed await from dialog ready (#8416)
grid-pro
- ⧉ Add updating-cell part styles (#8374)
login
- ⧉ Use div with heading role instead of h2 in form title (#8441)
- ⧉ Replace h5 in login error message with strong (#8438)
message-input
- ⧉ Use minRows property for message input textarea (#8454)
🔬 Tests
app-layout
- ⧉ Move app-layout styles import to avoid warning with Lit (#8456)
avatar-group,checkbox-group,checkbox,crud,date-picker,dialog,field-highlighter,grid-pro,grid,item,list-box,login,overlay,popover,radio-group,rich-text-editor,select,tooltip,upload,vertical-layout
- ⧉ Update Chrome version in Material visual tests to 130 (#8415)
grid
- ⧉ Replace flushGrid with nextFrame to fix local failure in Firefox (#8457)
🏠 Internal
- All components
- ⧉ Update license headers copyright year to 2025 (#8425)
checkbox-group,checkbox,combo-box,component-base,context-menu,dashboard,date-picker,field-base,field-highlighter,grid,icon,multi-select-combo-box,radio-group,rich-text-editor,select,virtual-list
- ⧉ Upgrade playwright to 1.48.2 (#8355)
- Other
- ⧉ Add dev page for standalone avatar (#8434)
