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