v24.6.0

API Documentation →

Changes Since v24.5.0

💥　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
  • ⧉ Configure maximum number of rows in text area (#8143)
  • ⧉ Configure minimum number of rows in text area (#8138)
• upload
  • ⧉ Upload disabled state (#8090)
  • ⧉ Allow dropping folders (#8032)
• vaadin-lumo-styles
  • ⧉ Add "drag-handle" and "resize-handle" icons (#8163)
• vertical-layout
  • ⧉ Add wrap theme to vertical-layout (#8128)

Changes Since v24.6.0-rc1

🐛　Bug Fixes

• checkbox
  • ⧉ Do not show required indicator when checkbox has no label (#8294) (#8295)
• component-base
  • ⧉ 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) (CP: 24.6) (#8302)
• 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
  • ⧉ Add missing section type to dashboard events (#8325) (#8326)
  • ⧉ Do not lose dashboard widget focus in shadow root (#8304) (#8305)
• 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) (#8319)
• multi-select-combo-box
  • ⧉ Do not fire custom-value-set on input blur or outside click (#8308) (#8313)
  • ⧉ Prevent unselecting already committed value on outside click (#8301) (#8311)
• overlay
  • ⧉ Prevent notification from affecting overlay interactions (#8291) (#8292)
• select
  • ⧉ Ensure aria-selected attribute is removed from the item clone (#8275)
• side-nav
  • ⧉ Hide toggle items text (#8307) (#8322)

💅　Polish

• 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)

🏠　Internal

• Other
  • ⧉ Update change detection branch to 24.6 (#8288)