Releases: vaadin/web-components
Releases · vaadin/web-components
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)
v24.6.1
API Documentation →
🐛 Bug Fixes
avatar-group,avatar,message-list
- ⧉ Generate aria-label attribute on the avatar (#8435) (#8437)
- ⧉ Change avatar default role attribute to img (#8427) (#8428)
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) (#8394)
crud
- ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372) (#8382)
dashboard
- ⧉ Slot dashboard widgets instead of dom reordering (#8359) (#8373)
grid,virtual-list
- ⧉ Hide scroller completely when dragging large grids (#8351) (#8357)
notification
- ⧉ Get the correct reference to the Notification class (#8399) (#8400)
number-field
- ⧉ Add missing .js extension to the controller import (#8363) (#8366)
popover
- ⧉ Ignore target set while popover is detached until re-attached (#8350) (#8352)
select
- ⧉ Do not close select overlay when opened before attached (#8402) (#8403)
time-picker
- ⧉ Always strip input value to match step interval (#8421) (#8422)
💅 Polish
login
- ⧉ Use div with heading role instead of h2 in form title (#8441) (#8442)
- ⧉ Replace h5 in login error message with strong (#8438) (#8439)
🔬 Tests
app-layout,avatar-group,board,charts,component-base,dashboard,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
dashboard
- ⧉ Use nextUpdate to stabilize dashboard tests on Webkit (#8370) (#8371)
🏠 Internal
a11y-base,accordion,app-layout,avatar-group,avatar,board,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,cookie-consent,crud,custom-field,dashboard,date-picker,date-time-picker,details,dialog,email-field,field-base,field-highlighter,form-layout,grid-pro,grid,horizontal-layout,icon,input-container,integer-field,item,list-box,lit-renderer,login,map,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,polymer-legacy-adapter,popover,progress-bar,radio-group,rich-text-editor,scroller,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-themable-mixin,vertical-layout,virtual-list
- ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388) (#8389)
- Other
