Releases: vaadin/web-components
Releases · vaadin/web-components
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
v23.5.10
API Documentation →
🐛 Bug Fixes
date-picker
- ⧉ Use Math.round to get correct scroller first index (#8278) (#8284)
text-area
- ⧉ Make text area auto-sizing stable (CP: 23.5) (#8215)
🏠 Internal
- Other
- ⧉ Update GitHub Actions to latest, use Node 20 (#7301) (#8287)
v24.6.0-rc1
API Documentation →
💥 Behavior Altering Changes
date-picker
- ⧉ Remove date focused part when input is unparsable (#8187)
date-picker,field-base,time-picker
- ⧉ Align hasInputValue behavior across components (#8200)
tooltip
- ⧉ Set white-space: pre-wrap on the tooltip content (#8255)
🚀 New Features
grid
- ⧉ Add
accessibleName property to Grid (#8230)
🐛 Bug Fixes
accordion
- ⧉ Delegate accordion panel theme attribute in Lit version (#8265)
charts
- ⧉ Save userOptions charts disconnect (#8206)
component-base,date-picker,number-field,time-picker
- ⧉ Ensure ready() is called after observers (#8254)
dashboard
- ⧉ Resize only on direction of drag move (#8222)
date-picker
- ⧉ Add missing uniqueIdPrefix to Lit date-picker version (#8256)
date-picker,grid
- ⧉ Force scroller update after revealing a date (#8217)
details
- ⧉ Delegate details theme attribute in Lit version (#8267)
grid-pro
- ⧉ Do not dispatch event on stopedit when editor loading (#8232)
popover
- ⧉ Do not close popover when it is just moved in DOM (#8208)
text-area
- ⧉ Make text area auto-sizing stable (#8207)
💅 Polish
accordion
- ⧉ Set opened to false by default on accordion heading (#8264)
avatar-group,combo-box,context-menu,date-picker,menu-bar,overlay,time-picker
- ⧉ Update OverlayMixin properties to use sync: true (#8226)
checkbox,field-base,radio-group
- ⧉ Update checked property to use sync: true in Lit (#8247)
crud
- ⧉ Do not use sub-properties in crud observers (#8251)
- ⧉ Extract crud logic into reusable mixins (#8244)
dashboard
- ⧉ Remove widget focused on selection (#8199)
- ⧉ Split dashboard spacing into gap and padding (#8205)
date-picker
- ⧉ Make autoOpenDisabled property use sync: true (#8227)
- ⧉ Ensure Lit month calendars are rendered synchronously (#8220)
grid
- ⧉ Subscribe to change instead of checked-changed (#8239)
- ⧉ Move autoSelect logic to SelectionColumnBaseMixin (#8238)
list-box
- ⧉ Update list-box observer to not use Polymer syntax (#8250)
message-input
- ⧉ Extract message-input logic into reusable mixin (#8249)
message-list
- ⧉ Extract message styles into reusable CSS literal (#8242)
- ⧉ Extract message and message-list logic into mixins (#8241)
notification,overlay
- ⧉ Include notification container into the overlay stack (#8198)
time-picker
- ⧉ Move time-picker ready block to the mixin (#8257)
tooltip
- ⧉ Remove z-index override from tooltip overlay (#8211)
🚧 Experiments
message-input
- ⧉ Add LitElement based version of message-input (#8258)
message-list
- ⧉ Add LitElement based version of message-list (#8245)
📝 Documentation
combo-box
- ⧉ Mark updated method in combo-box mixin as protected (#8259)
🔬 Tests
date-picker
- ⧉ Add missing test for date-picker label click (#8261)
- ⧉ Remove not needed await in date-picker dropdown test (#8228)
date-picker,field-highlighter
- ⧉ Update date-picker tests to not use async close helper (#8260)
grid-pro
- ⧉ Activate cell with Enter instead of double click (#8202)
message-list
- ⧉ Update message list test to use correct items format (#8243)
