API Documentation →

Changes Since v24.7.1

🐛　Bug Fixes

• checkbox,radio-group
  • ⧉ Ensure input in checkbox and radio-button has opacity: 0 (#8882) (#8887)
• component-base
  • ⧉ Use array instead of object in slotStyles by default (#8890) (#8891)
• component-base,grid,virtual-list
  • ⧉ Add hostConnected to virtualizer, use it in virtual-list and grid (#8896) (#8904)
• dialog
  • ⧉ Only set has-bounds-set attribute on dialog resize (#8830) (#8833)
• grid
  • ⧉ Defer scrollToIndex calls until columnTree is available (#8856) (#8863)
  • ⧉ Set shiftKey correctly on mousedown + Shift + mouseup (#8852) (#8853)

🏠　Internal

• card
  • ⧉ Cherry pick vaadin-card changes to 24.7 (#8905)
• Other
  • ⧉ Upgrade web-test-runner dependency versions (#8835) (#8840)

API Documentation →

Changes Since v24.8.0-alpha7

🐛　Bug Fixes

• card
  • ⧉ Remove notify: true from cardTitle property (#8895)

API Documentation →

Changes Since v24.8.0-alpha6

🐛　Bug Fixes

• component-base
  • ⧉ Use array instead of object in slotStyles by default (#8890)
• form-layout
  • ⧉ Always synchronize invalid attribute regardless of required (#8884)
• master-detail-layout
  • ⧉ Apply view transition name only to layout that started transition (#8893)

💅　Polish

• master-detail-layout
  • ⧉ Add parameter to skip view transitions (#8894)

API Documentation →

Changes Since v24.8.0-alpha5

🚀　New Features

• master-detail-layout
  • ⧉ Add transition duration custom property to master-detail-layout (#8880)
  • ⧉ Add RTL support to master-detail-layout transitions (#8878)
  • ⧉ Add master-detail-layout themes and visual tests (#8875)

🐛　Bug Fixes

• card
  • ⧉ Use overflow hidden on icons for stretch and cover media (#8868)
• checkbox,radio-group
  • ⧉ Ensure input in checkbox and radio-button has opacity: 0 (#8882)
• vaadin-lumo-styles
  • ⧉ Use padding instead of margin to avoid overflow (#8873)

💅　Polish

• master-detail-layout
  • ⧉ Make setDetail in master-detail-layout protected (#8886)
  • ⧉ Add APIs for starting view transition manually (#8883)

📝　Documentation

• app-layout
  • ⧉ Add backdrop to the list of app-layout shadow parts (#8877)

🏠　Internal

• master-detail-layout
  • ⧉ Add missing LICENSE file to master-detail-layout (#8879)

API Documentation →

Changes Since v24.8.0-alpha4

🚀　New Features

• card
  • ⧉ Add string based title and default role (#8822)
• form-layout
  • ⧉ Change default column width to field default width or 12em (#8861)
• master-detail-layout
  • ⧉ Add vertical transition styles to master-detail-layout (#8866)
  • ⧉ Add noAnimation property to master-detail-layout (#8865)

🐛　Bug Fixes

• grid
  • ⧉ Defer scrollToIndex calls until columnTree is available (#8856)

API Documentation →

Changes Since v24.8.0-alpha3

🚀　New Features

• master-detail-layout
  • ⧉ Add method for starting view transitions (#8859)
  • ⧉ Add role and ARIA attributes to master-detail-layout (#8850)
  • ⧉ Focus detail content when using overlay or stack mode (#8851)
  • ⧉ Add stackThreshold property to master-detail-layout (#8828)
  • ⧉ Add containment mode to master-detail-layout (#8826)
  • ⧉ Add forceOverlay property to master-detail-layout (#8824)
  • ⧉ Add vertical orientation support to master-detail-layout (#8821)
• menu-bar
  • ⧉ Support partial i18n in menu bar (#8836)
• message-input
  • ⧉ Support partial i18n in message input (#8837)
• rich-text-editor
  • ⧉ Support partial i18n in rich text editor (#8838)
• side-nav
  • ⧉ Support partial i18n in side nav (#8839)

🐛　Bug Fixes

• component-base
  • ⧉ Provide i18n property declaration (#8816)
• dialog
  • ⧉ Only set has-bounds-set attribute on dialog resize (#8830)
• grid
  • ⧉ Set shiftKey correctly on mousedown + Shift + mouseup (#8852)
• popover
  • ⧉ Close popover immediately on mouseleave while opening (#8815)
  • ⧉ Do not prevent closing on backdrop click (#8803)

💅　Polish

• master-detail-layout
  • ⧉ Preserve mode when adding or removing details (#8855)
• menu-bar
  • ⧉ Use Lit for rendering menu-bar buttons (#8829)

📝　Documentation

• master-detail-layout
  • ⧉ Add master-detail-layout part names and attributes JSDoc (#8858)

🔬　Tests

• master-detail-layout
  • ⧉ Extract master-detail-layout overlay tests to own suite (#8849)

🏠　Internal

• Other
  • ⧉ Upgrade web-test-runner dependency versions (#8835)

API Documentation →

Changes Since v24.7.0

🐛　Bug Fixes

• component-base
  • ⧉ Provide i18n property declaration (#8816) (#8820)
• popover
  • ⧉ Close popover immediately on mouseleave while opening (#8815) (#8817)
  • ⧉ Do not prevent closing on backdrop click (#8803) (#8805)

API Documentation →

Changes Since v24.8.0-alpha2

🚀　New Features

• form-layout
  • ⧉ Add support for defaultAutoResponsiveFormLayout feature flag (#8782)
• master-detail-layout
  • ⧉ Add min-size properties and overlay mode to master-detail-layout (#8789)
  • ⧉ Add masterSize and detailSize properties to master-detail-layout (#8788)
  • ⧉ Initialize master-detail-layout package (#8767)

🐛　Bug Fixes

• app-layout,avatar-group,avatar,component-base,crud,dashboard,date-picker,login
  • ⧉ Properly handle functions in partial I18N types (#8797)
• context-menu
  • ⧉ Avoid removing selected ranges on component initialization (#8791)
  • ⧉ Improve context menu positioning when opening menu with keyboard (#8757)
• form-layout
  • ⧉ Add missing .js extension to form-layout imports (#8783)
• master-detail-layout
  • ⧉ Update overlay mode when adding or removing detail content (#8800)

🔬　Tests

• grid-pro
  • ⧉ Cleanup outdated grid-pro edit select test (#8773)

🏠　Internal

• Other
  • ⧉ Bump prismjs from 1.29.0 to 1.30.0 (#8781)
  • ⧉ Bump axios from 1.7.4 to 1.8.2 (#8777)

API Documentation →

Changes Since v24.6.0

💥　Behavior Altering Changes

• crud,custom-field,form-layout
  • ⧉ Remove FormLayout workaround for MS Edge < v16 (#8625)
• custom-field,field-highlighter,message-input,text-area
  • ⧉ Remove extra padding from text area (Material theme) (#8414)
• date-picker,field-base,number-field,time-picker
  • ⧉ Remove hasInputValue property and event (#8417)
• field-base,number-field
  • ⧉ Return a marker string to help Flow identify bad input (#8413)
• form-layout
  • ⧉ Remove unnecessary subscription to animationend (#8633)
• popover
  • ⧉ Close popover without trigger on Esc and outside click (#8409)
• text-area
  • ⧉ Remove unnecessary subscription to animationend (#8718)

🚀　New Features

• a11y-base,button,menu-bar
  • ⧉ Make disabled menu bar buttons accessible with feature flag (#8518)
• a11y-base,button,vaadin-lumo-styles
  • ⧉ Make disabled buttons accessible with feature flag (#8513)
• app-layout
  • ⧉ Support partial i18n in app layout (#8647)
• avatar-group,avatar
  • ⧉ Support partial i18n in avatar (#8648)
• avatar-group,component-base
  • ⧉ Support partial i18n in avatar group (#8646)
• card
  • ⧉ Add card slots and theme variants (#8233)
• charts
  • ⧉ Add drag&drop support to vaadin-chart (#8488)
  • ⧉ Add support for Gantt task progress indication (#8426)
  • ⧉ Add support for Highcharts Gantt charts (#8424)
• combo-box,date-picker,field-highlighter,input-container,multi-select-combo-box,number-field,select,text-area,text-field,time-picker,vaadin-lumo-styles
  • ⧉ Optional pointer focus ring for input fields (#8505)
• component-base
  • ⧉ Add mixin for handling partial i18n objects (#8558)
• context-menu
  • ⧉ Allow adding custom data to context menu item types (#8712)
• crud
  • ⧉ Support partial i18n in crud (#8658)
• dashboard
  • ⧉ Support partial i18n in dashboard (#8660)
• date-picker
  • ⧉ Add locale i18n property, use Intl.DateTimeFormat for aria-labels (#8433)
• form-layout
  • ⧉ Add form layout CSS properties, deprecate form item ones (#8691)
  • ⧉ Add form layout row spacing, deprecate form item row spacing (#8624)
• grid
  • ⧉ Add item-toggle event to notify when user toggles an item (#8231)
• horizontal-layout
  • ⧉ Add middle and end slots to horizontal layout (#8515)
• horizontal-layout,vertical-layout
  • ⧉ Add layout improvements behind feature flag (#8552)
• login
  • ⧉ Add headingLevel property to customize login heading level (#8445)
• menu-bar
  • ⧉ Allow adding custom data to menu bar item types (#8698)
• overlay
  • ⧉ Add internal API for nested overlays to bringToFront (#8690)
• text-area
  • ⧉ Allow shrinking text area to single row (#8168)
• upload
  • ⧉ Type event target for upload events (#8627)
• vaadin-lumo-styles
  • ⧉ Update transition utility classes, add custom CSS properties (#8677)
• virtual-list
  • ⧉ Improve virtual-list a11y (#8328)

API Documentation →

Changes Since v24.7.0-rc1

🐛　Bug Fixes

• app-layout,avatar-group,avatar,component-base,crud,dashboard
  • ⧉ Properly handle functions in partial I18N types (CP: 24.7) (#8798)
• context-menu
  • ⧉ Avoid removing selected ranges on component initialization (#8791) (#8794)
  • ⧉ Improve context menu positioning when opening menu with keyboard (#8757) (#8786)