v24.5.0-rc1

API Documentation →

Changes Since v24.5.0-beta1

💥　Behavior Altering Changes

• combo-box
  • ⧉ Prevent focusout when closing combo-box on outside click (#7846) (#7859)
• date-picker
  • ⧉ Prevent focusout when closing date-picker on outside click (#7855) (#7863)

🐛　Bug Fixes

• charts
  • ⧉ Reset title, subtitle and type when removing attribute (#7816) (#7819)
• component-base
  • ⧉ Always define custom element class version getter (#7813) (#7814)
• grid-pro
  • ⧉ Wait for editor focusout on Tab to get updated value (#7822) (#7853)
• input-container,vaadin-lumo-styles
  • ⧉ Do not apply disabled value color to prefix and suffix (#7772)
• select
  • ⧉ Prevent opening select on click or keydown when disabled (#7874) (#7876)

💅　Polish

• grid-pro
  • ⧉ Remove no longer needed internal-tab event workaround (#7870) (#7872)
  • ⧉ Replace global focusin listener with focusout check (#7858) (#7867)

🔬　Tests

• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Disable error-message transition in visual tests (#7830) (#7835)
• confirm-dialog,crud
  • ⧉ Disable animation in confirm-dialog and CRUD tests (#7824) (#7833)
• field-highlighter
  • ⧉ Disable user tag opacity transition in visual tests (#7831) (#7837)
• Other
  • ⧉ Add date-time-picker editor to grid-pro integration test (#7864) (#7865)

🏠　Internal

• Other
  • ⧉ Update retry GitHub action to v3 using Node 20 (#7832) (#7843)
  • ⧉ Update change detection branch to 24.5 (#7809)

v24.4.10

API Documentation →

Changes Since v24.4.9

🐛　Bug Fixes

• charts
  • ⧉ Reset title, subtitle and type when removing attribute (#7816) (#7820)
• component-base
  • ⧉ Always define custom element class version getter (#7813) (#7815)
• grid-pro
  • ⧉ Wait for editor focusout on Tab to get updated value (#7822) (#7854)
• select
  • ⧉ Prevent opening select on click or keydown when disabled (#7874) (#7877)

🔬　Tests

• checkbox-group,checkbox,combo-box,custom-field,date-picker,date-time-picker,multi-select-combo-box,number-field,radio-group,select,text-area,text-field,time-picker
  • ⧉ Disable error-message transition in visual tests (#7830) (#7836)
• confirm-dialog,crud
  • ⧉ Disable animation in confirm-dialog and CRUD tests (#7824) (#7834)
• field-highlighter
  • ⧉ Disable user tag opacity transition in visual tests (#7831) (#7838)

🏠　Internal

• Other
  • ⧉ Update retry GitHub action to v3 using Node 20 (#7832) (#7844)

v23.5.6

API Documentation →

Changes Since v23.5.5

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Add missing custom CSS property for chip min-width (#7861)

v23.5.5

API Documentation →

Changes Since v23.5.4

🐛　Bug Fixes

• multi-select-combo-box
  • ⧉ Prevent long chips from exceeding available input width (#6905) (#7821)

🏠　Internal

• Other
  • ⧉ Use puppeteer launcher to run Chrome tests, bump Node to 18 (#7826)

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 ...

v24.4.9

API Documentation →

Changes Since v24.4.8

💥　Breaking Changes

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

🐛　Bug Fixes

• charts
  • ⧉ Filter out undefined instances when redrawing all charts (#7779) (#7795)
• checkbox-group
  • ⧉ Use correct focused readonly checkbox group label styles (#7776) (#7787)
• form-layout
  • ⧉ Do not update form-layout when it is not visible (#7792) (#7794)
• number-field
  • ⧉ Do not set step buttons opacity when field is disabled (#7775) (#7788)

v24.4.8

API Documentation →

Changes Since v24.4.7

🐛　Bug Fixes

• checkbox
  • ⧉ Do not apply checkbox readonly background when disabled (#7733) (#7739)
• grid
  • ⧉ Only show tooltip if the target cell is fully visible (#7749) (#7753)
• grid-pro,grid
  • ⧉ Add missing extension to Lit directive imports (#7782) (#7783)
• login
  • ⧉ Set login overlay role to dialog, use title as aria-label (#7723) (#7741)
• menu-bar
  • ⧉ Remove no longer needed z-index for root menu-bar items (#7743) (#7747)
• menu-bar,tooltip
  • ⧉ Do not close manual tooltip on target mousedown (#7746) (#7755)

📝　Documentation

• context-menu,menu-bar
  • ⧉ Add missing docs for expanded item state attribute (#7728) (#7731)
• tabsheet
  • ⧉ Fix broken link to styling docs in tabsheet JSDoc (#7760) (#7766)
• time-picker
  • ⧉ Update time-picker custom CSS properties tables (#7727) (#7729)

v24.3.22

API Documentation →

Changes Since v24.3.21

🐛　Bug Fixes

• grid-pro,grid
  • ⧉ Add missing extension to Lit directive imports (#7782) (#7784)
• menu-bar
  • ⧉ Remove no longer needed z-index for root menu-bar items (#7743) (#7748)
• menu-bar,tooltip
  • ⧉ Do not close manual tooltip on target mousedown (#7746) (#7756)

📝　Documentation

• context-menu,menu-bar
  • ⧉ Add missing docs for expanded item state attribute (#7728) (#7732)
• tabsheet
  • ⧉ Fix broken link to styling docs in tabsheet JSDoc (#7760) (#7767)
• time-picker
  • ⧉ Update time-picker custom CSS properties tables (#7727) (#7730)

v23.5.4

API Documentation →

No Changes Since v23.5.3

• release to get @vaadin/bundles updates

v24.5.0-alpha11

API Documentation →

Changes Since v24.5.0-alpha10

🚀　New Features

• date-picker
  • ⧉ Add past and future parts to cells in date picker calendar (#7691)

🐛　Bug Fixes

• date-picker
  • ⧉ Allow focus rings on pointer coarse devices (#7704)
• grid
  • ⧉ Do not scroll when focusing a cell with click (#7717)
  • ⧉ Make resize handle not overlap with column sorter (#7718)
• menu-bar
  • ⧉ Reset overlay position target to avoid closing after items change (#7702)
• popover
  • ⧉ Allow setting individual popover delays to 0 (#7708)
• tabsheet
  • ⧉ Reset hidden state when removing panel from tabsheet (#7696)
• tooltip
  • ⧉ Allow setting individual tooltip delays to 0 (#7707)

💅　Polish

• date-picker,progress-bar
  • ⧉ Remove no longer needed global keyframes declaration (#7715)