Releases: vaadin/web-components
Releases · vaadin/web-components
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
v24.7.0-alpha3
API Documentation →
💥 Breaking Changes
field-base,number-field
- ⧉ Return a marker string to help Flow identify bad input (#8413)
popover
- ⧉ Close popover without trigger on Esc and outside click (#8409)
🐛 Bug Fixes
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)
crud
- ⧉ Teleport CRUD form to overlay if some buttons are not set (#8372)
dashboard
- ⧉ Slot dashboard widgets instead of dom reordering (#8359)
notification
- ⧉ Get the correct reference to the Notification class (#8399)
number-field
- ⧉ Add missing .js extension to the controller import (#8363)
select
- ⧉ Do not close select overlay when opened before attached (#8402)
🚧 Experiments
crud
- ⧉ Add LitElement based version of vaadin-crud (#8346)
🔬 Tests
app-layout,avatar-group,board,charts,component-base,dashboard,dialog,form-layout,grid,icon,menu-bar,multi-select-combo-box,tabs,text-area
- ⧉ Replace onceResized with nextResize (#8387)
app-layout,confirm-dialog,context-menu,cookie-consent,crud,dialog,login,menu-bar,notification,overlay
- ⧉ Update visual tests to use fixed browser window height (#8405)
checkbox-group,combo-box,custom-field,date-picker,date-time-picker,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
- ⧉ Disable error-message animation in Material visual tests (#8396)
dashboard
- ⧉ Use nextUpdate to stabilize dashboard tests on Webkit (#8370)
grid-pro,side-nav,vaadin-lumo-styles,vertical-layout
- ⧉ Update Chrome version in Lumo visual tests to 130 (#8412)
time-picker
- ⧉ Use fixed overlay height in time-picker visual tests (#8408)
🏠 Internal
a11y-base,accordion,app-layout,avatar-group,avatar,board,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,crud,custom-field,date-picker,date-time-picker,details,dialog,email-field,field-base,field-highlighter,form-layout,grid-pro,grid,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,radio-group,rich-text-editor,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-themable-mixin,virtual-list
- ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8388)
cookie-consent,dashboard,horizontal-layout,progress-bar,scroller,vertical-layout
- ⧉ Upgrade @vaadin/testing-helpers to 1.1.0 (#8390)
- Other
- ⧉ Add failed screenshots for themes to .gitignore (#8410)
- ⧉ Do not use vaadin prefix for icons visual test (#8411)
- ⧉ Pin ubuntu version in GitHub Actions (#8375)
v24.7.0-alpha2
API Documentation →
🚀 New Features
virtual-list
- ⧉ Improve virtual-list a11y (#8328)
🐛 Bug Fixes
avatar
- ⧉ Only set avatar img src attribute if property is defined (#8329)
component-base,date-picker,field-base,grid,item,select
- ⧉ Do not re-render when setting sync property to the same value (#8223)
confirm-dialog
- ⧉ Add missing aria-label attribute to Lit confirm-dialog (#8330)
custom-field
- ⧉ Add missing inputs-wrapper part to Lit based custom-field (#8331)
dashboard
- ⧉ Add missing section type to dashboard events (#8325)
grid
- ⧉ Use correct binding for boolean attributes in Lit grid (#8334)
grid,virtual-list
- ⧉ Hide scroller completely when dragging large grids (#8351)
popover
- ⧉ Ignore target set while popover is detached until re-attached (#8350)
💅 Polish
app-layout
- ⧉ Extract app-layout logic into reusable mixin (#8341)
- ⧉ Extract app-layout styles into reusable CSS literal (#8339)
combo-box,component-base,confirm-dialog,date-picker,date-time-picker,dialog,field-base,grid,login,menu-bar,message-input,multi-select-combo-box,notification,popover,rich-text-editor,select,upload
- ⧉ Force Lit to perform first render synchronously (#8290)
crud
- ⧉ Fix crud grid hide edit column usage (#8338)
custom-field,field-base
- ⧉ Make required and invalid properties use sync update (#8332)
form-layout
- ⧉ Extract form-layout logic into reusable mixins (#8342)
- ⧉ Extract form-layout styles into reusable CSS literal (#8340)
login
- ⧉ Use correct property bindings in Lit based login form (#8335)
notification
- ⧉ Use ifDefined directive for notification theme attribute (#8337)
🚧 Experiments
app-layout
- ⧉ Add LitElement based version of app-layout (#8344)
form-layout
- ⧉ Add LitElement based version of vaadin-form-layout (#8343)
📝 Documentation
virtual-list
- ⧉ Improve virtual list item accessible name generator docs (#8356)
🏠 Internal
date-picker,horizontal-layout,icon,vertical-layout
- ⧉ Fix year in license headers (#8345)
- Other
- ⧉ Bump nanoid from 3.3.7 to 3.3.8 (#8324)
v24.6.0
API Documentation →
💥 Behavior Altering Changes
avatar-group
- ⧉ Update avatar group to not use Polymer splices API (#8145)
combo-box,date-time-picker
- ⧉ Prevent focusout when closing combo-box on outside click (#7846)
component-base,grid
- ⧉ Add a default min-height to grid (#7964)
custom-field
- ⧉ Deprecate internal-tab event and remove it from JSDoc (#7889)
date-picker
- ⧉ Remove date focused part when input is unparsable (#8187)
- ⧉ Prevent focusout when closing date-picker on outside click (#7855)
date-picker,field-base,time-picker
- ⧉ Align hasInputValue behavior across components (#8200)
dialog
- ⧉ Only set top and left properties on drag (#7970)
login
- ⧉ Do not validate login form fields on blur (#8101)
text-area
- ⧉ Make prefix, suffix and clear button stick to top (#7895)
tooltip
- ⧉ Set white-space: pre-wrap on the tooltip content (#8255)
🚀 New Features
card
- ⧉ Add experimental card component (#8154)
checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,field-base,login,multi-select-combo-box,number-field,radio-group,select,time-picker
- ⧉ Add manual validation mode (#8097)
component-base
- ⧉ Add option to return feature flag name from static getter (#8169)
- ⧉ Add option to mark defined custom element as experimental (#8162)
- ⧉ Add _createPropertyObserver() to PolylitMixin (#8144)
dashboard
- ⧉ Dashboard lumo styles (#7904)
- ⧉ Add dashboard dense mode (#7881)
- ⧉ Scroll focused dashboard widget into view (#7875)
- ⧉ Identify dashboard items by id (#7869)
- ⧉ Add dashboard item mode changed events (#7866)
- ⧉ Restore focus on dashboard widget removal (#7860)
- ⧉ Dashboard i18n (#7847)
- ⧉ Dashboard widget resize mode (#7818)
- ⧉ Dashboard widget move mode (#7817)
- ⧉ Dashboard keyboard interactions (#7811)
- ⧉ Keep widget focus on dashboard items change (#7804)
- ⧉ Dashboard widget remove button (#7800)
- ⧉ Drag-resizing of dashboard items (#7791)
- ⧉ Dashboard widget rowspan (#7781)
- ⧉ Support elements in dashboard items (#7761)
- ⧉ Support drag-reordering of dashboard items (#7738)
- ⧉ Add minimum row height to dashboard (#7754)
- ⧉ Auto-update widget title level (#7740)
- ⧉ Add sections support to vaadin-dashboard (#7692)
- ⧉ Add basic dashboard section structure (#7685)
- ⧉ Add items and renderer to dashboard (#7680)
- ⧉ Add basic dashboard widget structure (#7679)
- ⧉ Add max column count support to dashboard (#7670)
- ⧉ Make dashboard scrollable (#7662)
- ⧉ Add gap support to dashboard (#7660)
- ⧉ Add colspan support to dashboard (#7657)
- ⧉ Add vaadin-dashboard-layout (#7653)
- ⧉ Create dashboard package (#7647)
dialog
- ⧉ Add
top and left to Dialog resize event detail (#8064)
- ⧉ Add "dragged" event in Dialog (#8047)
- ⧉ Add API do define Dialog size programmatically (#8030)
- ⧉ Add API to define Dialog position programmatically (#7971)
grid
- ⧉ Add
accessibleName property to Grid (#8230)
- ⧉ Add part names to non-selectable rows / cells (#8015)
- ⧉ Conditional selectability of grid items (#7974)
grid-pro
- ⧉ Grid-pro loading editor state (#8156)
horizontal-layout
- ⧉ Add wrap theme to horizontal-layout (#8125)
notification
- ⧉ Add assertive property to notification (#7758)
radio-group
- ⧉ Add name property to radio-group and propagate it to radio buttons (#8100)
text-area
v24.5.6
API Documentation →
🐛 Bug Fixes
checkbox
- ⧉ Do not show required indicator when checkbox has no label (#8294) (#8296)
context-menu,date-picker,select,vaadin-lumo-styles
- ⧉ Update media query to work with larger phones (#8116) (CP: 24.5) (#8303)
grid
- ⧉ Prevent recurring selection attempts during drag selection (#8317) (#8320)
multi-select-combo-box
- ⧉ Do not fire custom-value-set on input blur or outside click (#8308) (#8314)
- ⧉ Prevent unselecting already committed value on outside click (#8301) (#8310)
overlay
- ⧉ Prevent notification from affecting overlay interactions (#8291) (#8293)
side-nav
v24.4.17
API Documentation →
🐛 Bug Fixes
checkbox
- ⧉ Do not show required indicator when checkbox has no label (#8294) (#8297)
multi-select-combo-box
- ⧉ Do not fire custom-value-set on input blur or outside click (#8308) (#8315)
- ⧉ Clear internal combo-box correctly with allowCustomValue (#8312)
v24.7.0-alpha1
API Documentation →
🚀 New Features
grid
- ⧉ Add item-toggle event to notify when user toggles an item (#8231)
🐛 Bug Fixes
checkbox
- ⧉ Do not show required indicator when checkbox has no label (#8294)
component-base
- ⧉ Add children with id to id map even if their parent was teleported (#8321)
- ⧉ Run dynamic property observer after complex observer (#8271)
context-menu,date-picker,select,vaadin-lumo-styles
- ⧉ Update media query to work with larger phones (#8116)
context-menu,menu-bar
- ⧉ Do not stop click event propagation on menu-bar button (#8272)
custom-field
- ⧉ Clear value when removing the last input (#8270)
dashboard
- ⧉ Do not lose dashboard widget focus in shadow root (#8304)
date-picker
- ⧉ Use Math.round to get correct scroller first index (#8278)
form-layout
- ⧉ Observe internal layout to avoid problems with fixed height (#8268)
grid
- ⧉ Prevent recurring selection attempts during drag selection (#8317)
multi-select-combo-box
- ⧉ Do not fire custom-value-set on input blur or outside click (#8308)
- ⧉ Prevent unselecting already committed value on outside click (#8301)
overlay
- ⧉ Prevent notification from affecting overlay interactions (#8291)
select
- ⧉ Ensure aria-selected attribute is removed from the item clone (#8275)
side-nav
- ⧉ Hide toggle items text (#8307)
💅 Polish
accordion,button,checkbox,context-menu,date-picker,details,grid-pro,grid,map,number-field,radio-group,rich-text-editor,select,tabs
- ⧉ Remove obsolete vendor-prefixed CSS properties (#8309)
component-base,select,tooltip
- ⧉ Add elements to id map immediately after their connection to DOM (#8299)
grid
- ⧉ Use underscore to indicate that CSS variable is private (#8286)
menu-bar
- ⧉ Extract common sub-menu logic into reusable mixin (#8273)
number-field,select,text-area,text-field
- ⧉ Use ifDefined directive for theme attribute propagation (#8276)
v24.5.5
API Documentation →
🐛 Bug Fixes
charts
- ⧉ Save userOptions on charts disconnect (#8206) (#8263)
context-menu,menu-bar
- ⧉ Do not stop click event propagation on menu-bar button (#8272) (#8282)
custom-field
- ⧉ Clear value when removing the last input (#8270) (#8277)
date-picker
- ⧉ Use Math.round to get correct scroller first index (#8278) (#8283)
date-picker,grid
- ⧉ Force scroller update after revealing a date (#8217) (#8218)
form-layout
- ⧉ Observe internal layout to avoid problems with fixed height (#8268) (#8279)
grid-pro
- ⧉ Do not dispatch event on stopedit when editor loading (#8232) (#8240)
text-area
💅 Polish
menu-bar
- ⧉ Extract common sub-menu logic into reusable mixin (#8273) (#8274)
tooltip
- ⧉ Remove z-index override from tooltip overlay (#8211) (#8212)
v24.4.16
API Documentation →
🐛 Bug Fixes
date-picker
- ⧉ Use Math.round to get correct scroller first index (#8278) (#8285)
date-picker,grid
- ⧉ Force scroller update after revealing a date (#8217) (#8219)
form-layout
- ⧉ Observe internal layout to avoid problems with fixed height (#8268) (#8280)
grid-pro
- ⧉ Do not dispatch event on stopedit when editor loading (#8232) (CP: 24.4) (#8246)
text-area
