v24.5.0-beta1

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)
• 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)
• multi-select-combo-box
  • ⧉ Use correct specificity to ensure proper chip color (#7595)
  • ⧉ Reduce chips contrast in disabled multi-select-combo-box (#7594)
• 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)

Changes Since v24.5.0-alpha11

💥　Behavior Altering Changes

• charts
  • ⧉ Destroy chart instance when disconnected from the DOM (#7785)

🐛　Bug Fixes

• charts
  • ⧉ Filter out undefined instances when redrawing all charts (#7779)
• checkbox
  • ⧉ Do not apply checkbox readonly background when disabled (#7733)
• checkbox-group
  • ⧉ Use correct focused readonly checkbox group label styles (#7776)
• form-layout
  • ⧉ Do not update form-layout when it is not visible (#7792)
• grid
  • ⧉ Only show tooltip if the target cell is fully visible (#7749)
• grid-pro,grid
  • ⧉ Add missing extension to Lit directive imports (#7782)
• login
  • ⧉ Set login overlay role to dialog, use title as aria-label (#7723)
• menu-bar
  • ⧉ Remove no longer needed z-index for root menu-bar items (#7743)
• menu-bar,tooltip
  • ⧉ Do not close manual tooltip on target mousedown (#7746)
• number-field
  • ⧉ Do not set step buttons opacity when field is disabled (#7775)

💅　Polish

• combo-box,date-picker,select,vaadin-material-styles
  • ⧉ Remove unnecessary theme styles covered by src (#7777)
• number-field
  • ⧉ Remove duplicate fieldButton styles from number-field (#7773)

📝　Documentation

• component-base
  • ⧉ Remove incorrect JSDoc annotation from typings (#7757)
• context-menu,menu-bar
  • ⧉ Add missing docs for expanded item state attribute (#7728)
• date-picker
  • ⧉ Add past and future to the list of date-picker parts (#7724)
• grid
  • ⧉ Add grid drag source shadow parts docs to .d.ts (#7725)
• horizontal-layout,vertical-layout
  • ⧉ Use correct vaadin.com links in layouts READMEs (#7764)
• icon,icons
  • ⧉ Use correct vaadin.com links in icons READMEs (#7765)
• popover
  • ⧉ Add link to vaadin.com docs to popover README (#7762)
• select
  • ⧉ Add select overlay width custom property to .d.ts (#7726)
• tabsheet
  • ⧉ Fix broken link to styling docs in tabsheet JSDoc (#7760)
• time-picker
  • ⧉ Update time-picker custom CSS properties tables (#7727)
• tooltip
  • ⧉ Add link to vaadin.com docs to tooltip README (#7763)
• virtual-list
  • ⧉ Remove unneeded JSDoc annotations from typings (#7759)

🔬　Tests

• form-layout
  • ⧉ Remove no longer needed custom-style import (#7734)
• grid
  • ⧉ Remove no longer needed dom-repeat import (#7735)
• popover
  • ⧉ Ensure popover opened property is updated when closed (#7751)

🏠　Internal

• Other
  • ⧉ Bump path-to-regexp from 6.2.2 to 6.3.0 (#7799)
  • ⧉ Update web test runner dependencies and puppeteer (#7786)
  • ⧉ Add popover to the list of components in README (#7752)