v24.5.2

API Documentation →

Changes Since v24.5.1

🐛　Bug Fixes

• custom-field
  • ⧉ Prevent possible errors when inputs property is not set (#8012) (#8020)
  • ⧉ Clear input values when setting value property to null (#8017) (#8018)
• date-picker,date-time-picker
  • ⧉ Use non timezone-aware date APIs in date time picker (#8021) (#8026)
• grid,virtual-list
  • ⧉ Exclude items from drag image for large scrollers (#8028) (#8053)
• login
  • ⧉ Exclude unchecked checkboxes from login form submissions (#8068) (#8070)
• tabsheet
  • ⧉ Import src version of vaadin-tabs in tabsheet (#8063) (#8065)

📝　Documentation

• upload
  • ⧉ Update default values in upload i18n (#8037) (#8039)

v24.4.13

API Documentation →

Changes Since v24.4.12

🐛　Bug Fixes

• date-picker,date-time-picker
  • ⧉ Use non timezone-aware date APIs in date time picker (#8021) (#8027)
• grid,virtual-list
  • ⧉ Exclude items from drag image for large scrollers (#8028) (#8054)
• login
  • ⧉ Exclude unchecked checkboxes from login form submissions (#8068) (#8071)

v24.6.0-alpha4

API Documentation →

Changes Since v24.6.0-alpha3

🚀　New Features

• dialog
  • ⧉ Add API to define Dialog position programmatically (#7971)

🐛　Bug Fixes

• date-picker
  • ⧉ Use correct type syntax in date picker helper (#8024)
• date-picker,date-time-picker
  • ⧉ Use non timezone-aware date APIs in date time picker (#8021)
• grid
  • ⧉ Update select all checkbox visibility when adding column to DOM (#8025)

🏠　Internal

• grid
  • ⧉ Do not document is-item-selectable-changed event (#8029)

v24.6.0-alpha3

API Documentation →

Changes Since v24.6.0-alpha2

💥　Breaking Changes

• component-base,grid
  • ⧉ Add a default min-height to grid (#7964)
• dialog
  • ⧉ Only set top and left properties on drag (#7970)

🚀　New Features

• grid
  • ⧉ Add part names to non-selectable rows / cells (#8015)
  • ⧉ Conditional selectability of grid items (#7974)

🐛　Bug Fixes

• component-base
  • ⧉ Preserve large items when new items are added (#7987)
• custom-field
  • ⧉ Prevent possible errors when inputs property is not set (#8012)
  • ⧉ Clear input values when setting value property to null (#8017)
• dashboard
  • ⧉ Hide non-editable dashboard widget mode controls (#7967)
  • ⧉ Scroll focused dashboard widget into view (#7965)
• form-layout
  • ⧉ Update form-layout when its parent becomes visible (#7988)
• grid
  • ⧉ Ensure no focus outline when item is scrolled out of view (#7980)
  • ⧉ Use item id provider when comparing selected items (#7984)
• grid-pro,grid
  • ⧉ Scroll to correct focused row on keyboard navigation (#8003)

💅　Polish

• grid
  • ⧉ Simplify focus logic in Tab keydown handler (#7989)
  • ⧉ Clean up keyboard navigation mixin (#7977)
  • ⧉ Convert class property to local variable (#7975)

🔬　Tests

• grid
  • ⧉ Extract keyboard interaction mode tests (#7992)
• menu-bar
  • ⧉ Update menu-bar visual tests to not capture full body (#7841)

🏠　Internal

• Other
  • ⧉ Document glob pattern for filtering test files (#8022)
  • ⧉ Add support for specifying test files glob (#7990)

v24.4.12

API Documentation →

Changes Since v24.4.11

🐛　Bug Fixes

• component-base
  • ⧉ Preserve large items when new items are added (#7987) (#8001)
• custom-field
  • ⧉ Clear input values when setting value property to null (#8017) (#8019)
• form-layout
  • ⧉ Update form-layout when its parent becomes visible (#7988) (#7994)
• grid
  • ⧉ Ensure no focus outline when item is scrolled out of view (#7980) (#7999)
• grid-pro,grid
  • ⧉ Scroll to correct focused row on keyboard navigation (#8003) (#8011)

💅　Polish

• grid
  • ⧉ Clean up keyboard navigation mixin (#7977) (#7996)

🔬　Tests

• grid
  • ⧉ Extract keyboard interaction mode tests (#7992) (#8009)

v24.5.1

API Documentation →

Changes Since v24.5.0

🐛　Bug Fixes

• component-base
  • ⧉ Preserve large items when new items are added (#7987) (#8000)
• form-layout
  • ⧉ Update form-layout when its parent becomes visible (#7988) (#7993)
• grid
  • ⧉ Ensure no focus outline when item is scrolled out of view (#7980) (#7998)
• grid-pro,grid
  • ⧉ Scroll to correct focused row on keyboard navigation (#8003) (#8010)

💅　Polish

• grid
  • ⧉ Clean up keyboard navigation mixin (#7977) (#7995)

🔬　Tests

• grid
  • ⧉ Extract keyboard interaction mode tests (#7992) (#8008)

v23.5.7

API Documentation →

Changes Since v23.5.6

🐛　Bug Fixes

• grid-pro
  • ⧉ Wait for editor focusout on Tab to get updated value (#7822) (#7969)

v24.5.0

API Documentation →

Changes Since v24.4.0

💥　Behavior Altering Changes

• avatar-group,combo-box,context-menu,date-picker,date-time-picker,menu-bar,overlay,select,tooltip
  • ⧉ Do not override dir attribute on the overlay to rely on DirMixin (#7677)
• charts
  • ⧉ Destroy chart instance when disconnected from the DOM (#7785)
• combo-box
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846) (#7859)
• component-base,date-picker,date-time-picker,field-base,time-picker
  • ⧉ Prevent Safari AutoFill to avoid click issues (#7619)
• context-menu
  • ⧉ Re-open context-menu on closing contextmenu event (#7484)
• date-picker
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855) (#7863)
• multi-select-combo-box
  • ⧉ Use correct specificity to ensure proper chip color (#7595)
  • ⧉ Reduce chips contrast in disabled multi-select-combo-box (#7594)
• text-area
  • ⧉ Make prefix, suffix and clear button stick to top (#7895) (#7924)
• vaadin-lumo-styles
  • ⧉ Remove double background color for typical code markup (#7369)

🚀　New Features

• button
  • ⧉ Add warning theme variant (#7485)
• checkbox,radio-group,vaadin-lumo-styles
  • ⧉ Add radio-button and checkbox disabled style properties (#7615)
• combo-box,multi-select-combo-box
  • ⧉ Add itemClassNameGenerator to generate CSS class names (#7305)
• confirm-dialog
  • ⧉ Fire closed event when Confirm Dialog is closed (#7472)
• date-picker
  • ⧉ Add past and future parts to cells in date picker calendar (#7691)
• date-time-picker
  • ⧉ Enable 1-click switch between pickers when open (#6785)
• dialog
  • ⧉ Add overlayRole property to customize dialog role (#7582)
  • ⧉ Fire closed event when Dialog overlay is closed (#7471)
• grid
  • ⧉ Add parts to drag source row cells (#7593)
  • ⧉ Add slot for empty state content (#7429)
• input-container,vaadin-lumo-styles
  • ⧉ Introduce style properties for disabled input (#7553)
• menu-bar
  • ⧉ Add tabNavigation option for using menu-bar as button group (#7525)
  • ⧉ Add dropdown-indicators Lumo variant to menu-bar button (#7381)
• notification
  • ⧉ Add closed event when Notification is closed (#7473)
• overlay
  • ⧉ Observe target move on the page and update position (#7427)
• popover
  • ⧉ Align popover delay defaults and API with tooltip (#7682)
  • ⧉ Add no-padding theme variant to popover (#7650)
  • ⧉ Add autofocus property for non-modal popovers (#7610)
  • ⧉ Add Lit renderer directive for popover (#7612)
  • ⧉ Include popover content in Tab order after the target (#7609)
  • ⧉ Add arrow overlay part and theme variant to popover (#7550)
  • ⧉ Fire closed event when popover overlay is closed (#7532)
  • ⧉ Add focusDelay, hoverDelay and hideDelay to popover (#7440)
  • ⧉ Add ARIA attributes to popover overlay and target (#7446)
  • ⧉ Add properties to set popover content width and height (#7442)
  • ⧉ Add trigger property, make opened property public (#7430)
  • ⧉ Restore focus to the popover target on overlay close (#7421)
  • ⧉ Make popover modeless by default, add modality properties (#7412)
  • ⧉ Add properties to control popover closing behavior (#7414)
  • ⧉ Add popover Lumo and Material theme and visual tests (#7411)
  • ⧉ Implement basic popover logic, move mixins from tooltip (#7409)
  • ⧉ Create popover package with a dummy custom element (#7408)
• rich-text-editor
  • ⧉ Update Quill build to get rid of legacy dependencies (#7613)
  • ⧉ Add color and background selection to rich-text-editor (#7392)
• select
  • ⧉ Add custom CSS property to customize select overlay width (#7578)
  • ⧉ Add no-vertical-overlap prop to vaadin-select (#7492)
• side-nav
  • ⧉ Allow matching navigation hierarchies with side nav item (#7693)
• tabsheet
  • ⧉ Add no-padding theme variant to tabsheet (#7606)

No Changes Since v24.5.0-rc2

v24.6.0-alpha2

API Documentation →

Changes Since v24.6.0-alpha1

🐛　Bug Fixes

• scroller
  • ⧉ Add missing .js extension to ScrollerMixin import (#7952)

🚧　Experiments

• scroller
  • ⧉ Add Lit based version of vaadin-scroller (#7944)

v24.6.0-alpha1

API Documentation →

Changes Since v24.5.0-beta1

💥　Behavior Altering Changes

• combo-box,date-time-picker
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846)
• custom-field
  • ⧉ Deprecate internal-tab event and remove it from JSDoc (#7889)
• date-picker
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855)
• text-area
  • ⧉ Make prefix, suffix and clear button stick to top (#7895)

🚀　New Features

• dashboard
  • ⧉ Vaadin-dashboard component (#7946)
  • ⧉ 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)
• notification
  • ⧉ Add assertive property to notification (#7758)

🐛　Bug Fixes

• charts
  • ⧉ Reset title, subtitle and type when removing attribute (#7816)
• checkbox-group
  • ⧉ Do not throw when setting checkbox-group value to null (#7933)
• combo-box
  • ⧉ Use correct ComboBoxScrollerMixin import in typings (#7917)
• component-base
  • ⧉ Set custom element class version even if not defined (#7813)
• confirm-dialog
  • ⧉ Use correct class name in confirm-dialog typings (#7926)
• custom-field
  • ⧉ Validate custom-field when required is set to false (#7923)
  • ⧉ Apply initially set custom field value to inputs (#7882)
  • ⧉ Ensure has-value attribute is set on custom-value (#7885)
• dashboard
  • ⧉ Make dashboard draggables work on firefox (#7880)
  • ⧉ Revert dashboard changes causing performance regressions
  • ⧉ Primarily reorder with the dragged over dashboard item (#7842)
  • ⧉ Support resizing widgets in rtl (#7803)
  • ⧉ Do not throw on drag when dashboard has one widget (#7802)
• date-picker
  • ⧉ Remove not working vaadin-lit-date-picker-light entrypoint (#7912)
• date-time-picker
  • ⧉ Validate date-time-picker when required is set to false (#7908)
• grid-pro
  • ⧉ Wait for editor focusout on Tab to get updated value (#7822)
• input-container,vaadin-lumo-styles
  • ⧉ Do not apply disabled value color to prefix and suffix (#7772)
• login
  • ⧉ Add missing .js extension to component-base imports (#7909)
• rich-text-editor
  • ⧉ Delay parsing htmlValue when RTE is attached but not rendered (#7890)
  • ⧉ Bump Quill to fix error thrown on deleting text (#7899)
• select
  • ⧉ Add missing export for SelectListBox element class (#7925)
  • ⧉ ...