v25.2.0-alpha11

API Documentation →

Changes Since v25.2.0-alpha10

💥　Behavior Altering Changes

• aura,date-picker
  • ⧉ Use CSS grid layout for date-picker month calendar (#11670)
• component-base
  • ⧉ Expose default i18n via static getter instead of mixin parameter (#11710)

🚀　New Features

• breadcrumbs
  • ⧉ Add current property and aria-current="page" to breadcrumbs item (#11689)
  • ⧉ Toggle breadcrumbs item has-prefix attribute based on the prefix slot (#11671)
  • ⧉ Render breadcrumbs item shadow DOM based on path property (#11667)
  • ⧉ Set up initial package structure for breadcrumbs component (#11593)
• dashboard
  • ⧉ Add fixed row height support to dashboard (#11603)
• message-input
  • ⧉ Disable message-input submit button when input value is empty (#11706)

🐛　Bug Fixes

• a11y-base,component-base,field-base
  • ⧉ Align controller .d.ts implements claims with runtime (#11668)
• a11y-base,details,field-base,login,select
  • ⧉ Declare correct controller constructor signatures in .d.ts (#11664)
• aura
  • ⧉ Update aura app-layout content border styles (#11647)
• component-base
  • ⧉ Declare TooltipController constructor signature in .d.ts (#11662)
  • ⧉ Walk slot boundaries to find focused virtualizer row (#11653)
• context-menu
  • ⧉ Prevent context-menu tooltip from rendering under submenu (#11648)
• dashboard
  • ⧉ Prevent dashboard from losing focus on re-render in Firefox (#11659)
• date-picker
  • ⧉ Don't show date focus outline on touch devices (#11687)
• grid
  • ⧉ Add missing hidden attribute styles to grid sorter and filter (#11707)
  • ⧉ Flip Aura tree grid toggle icon correctly in RTL (#11672)
• master-detail-layout
  • ⧉ Hide detail placeholder from screen readers and keyboard (#11724)
• overlay
  • ⧉ Invalidate overlay content size cache on positionTarget change (#11661)
• scroller
  • ⧉ Contain scroller overflow indicators within the scroller stacking context (#11678)
  • ⧉ Prevent overflow override on scroller in split-layout (#11651)
• side-nav
  • ⧉ Avoid spurious expanded-changed event on side-nav item click (#11632)
• text-area
  • ⧉ Update text area height with 1 px tolerance on explicit height (#11643)

💅　Polish

• a11y-base,component-base,grid,icon,item,select,time-picker,upload
  • ⧉ Replace !== undefined ternaries with nullish coalescing (#11642)
• accordion,details
  • ⧉ Align accordion-panel and details content part styles (#11645)
• app-layout
  • ⧉ Improve app-layout drawer transition feel (#11708)
• aura,card,confirm-dialog,dialog
  • ⧉ Adjust aura dialog and card title line height (#11673)
• checkbox
  • ⧉ Update CheckboxMixin to use single dynamic observer (#11703)
• context-menu,menu-bar
  • ⧉ Make context-menu opened property sync (#11650)
• grid
  • ⧉ Dispatch internal is-item-selectable-changed manually (#11715)
• master-detail-layout
  • ⧉ Don't animate detail opacity in overlay mode (#11723)
• menu-bar
  • ⧉ Remove tooltip slot from menu-bar submenu (#11656)
• slider
  • ⧉ Use nullish coalescing for slider constraints (#11641)
• upload
  • ⧉ Use reflectToAttribute on upload sub-elements (#11713)

📝　Documentation

• avatar,checkbox,confirm-dialog,date-picker,date-time-picker,details,icon,menu-bar,multi-select-combo-box,tabsheet
  • ⧉ Align copyright years between .js and .d.ts files (#11631)
• grid
  • ⧉ Fix typo in grid generateCellPartNames typings (#11629)
  • ⧉ Mark filter-changed event as internal to exclude from CEM (#11626)
• Other
  • ⧉ Correct guidelines regarding documenting events (#11716)
  • ⧉ Drop Polymer Analyzer mixin JSDoc annotations from guidelines (#11712)
  • ⧉ Add testing guidelines to the guidelines folder (#11695)
  • ⧉ Cover both dynamic observer helpers in coding conventions (#11704)
  • ⧉ Add note regarding readOnly properties to guidelines (#11697)
  • ⧉ Use static get experimental() in the design guidelines (#11649)
  • ⧉ Align property and observer guidelines with PolylitMixin (#11646)
  • ⧉ Add accessibility guidelines to the guidelines folder (#11630)
  • ⧉ Add component design guidelines to the guidelines folder (#11496)
  • ⧉ Split web component guidelines into a guidelines/ folder ([#11620](https://github.com/vaadin/web-components/pu...

v25.1.3

API Documentation →

Changes Since v25.1.2

🐛　Bug Fixes

• component-base
  • ⧉ Walk slot boundaries to find focused virtualizer row (#11653) (#11657)
• dashboard
  • ⧉ Prevent dashboard from losing focus on re-render in Firefox (#11659) (#11665)
• grid
  • ⧉ Flip Aura tree grid toggle icon correctly in RTL (#11672) (#11674)
• master-detail-layout
  • ⧉ Only set z-index: 0 for MDL with layout containment (#11640)
• overlay
  • ⧉ Invalidate overlay content size cache on positionTarget change (#11661) (#11663)
• scroller
  • ⧉ Contain scroller overflow-indicators within the scroller stacking context (#11678) (#11679)
  • ⧉ Prevent overflow override on scroller in split-layout (#11651) (#11654)
• side-nav
  • ⧉ Avoid spurious expanded-changed event on side-nav item click (#11632) (#11681)
• slider
  • ⧉ Correct slider input event type to extend InputEvent (#11558) (#11562)
• text-area
  • ⧉ Update text area height with 1 px tolerance on explicit height (#11643) (#11691)

💅　Polish

• popover
  • ⧉ Extract popover focus management into a controller (#11535) (#11581)

📝　Documentation

• grid
  • ⧉ Fix typo in grid generateCellPartNames typings (#11629) (#11633)

🔬　Tests

• button
  • ⧉ Stabilize button visual tests by disabling hover transitions (#11599) (#11617)
• combo-box,date-picker,login,message-input,side-nav
  • ⧉ Update Lumo screenshots drifted by Chromium rasterization changes (#11615) (#11616)
• confirm-dialog,dialog,overlay
  • ⧉ Stabilize Lumo visual tests by disabling backdrop animation (#11591) (#11596)
• crud
  • ⧉ Stabilize crud lumo visual tests by disabling backdrop animation (#11587) (#11589)
• dashboard
  • ⧉ Disable dashboard transitions in visual tests (#11574) (#11575)
• multi-select-combo-box
  • ⧉ Stabilize multi-select-combo-box focused chip visual tests (#11582) (#11584)
• rich-text-editor
  • ⧉ Stabilize RTE visual tests by disabling toolbar-button transitions (#11600) (#11601)
• tabs
  • ⧉ Stabilize tabs scroll-button visual tests by disabling opacity transition (#11595) (#11597)
• text-area
  • ⧉ Stabilize text-area visual tests by disabling input-field transition (#11588) (#11590)
• upload
  • ⧉ Stabilize upload-button visual tests by disabling hover transitions (#11598) (#11618)
• Other
  • ⧉ Skip baseline rewrite on sub-threshold drift in update mode (#11628) (#11634)

🏠　Internal

• crud,dialog
  • ⧉ Upgrade Playwright version to 1.59.1 (#11450) (#11677)
• map
  • ⧉ Bump ol from 10.6.0 to 10.6.1 (#11719) (CP: 25.1) (#11721)
• Other
  • ⧉ Upgrade Playwright version to 1.57.0 (#11533) (#11637)

v25.0.12

API Documentation →

Changes Since v25.0.11

🐛　Bug Fixes

• component-base
  • ⧉ Walk slot boundaries to find focused virtualizer row (#11653) (#11658)
• dashboard
  • ⧉ Prevent dashboard from losing focus on re-render in Firefox (#11659) (#11666)
• grid
  • ⧉ Flip Aura tree grid toggle icon correctly in RTL (#11672) (#11675)
• scroller
  • ⧉ Contain scroller overflow-indicators within the scroller stacking context (#11678) (#11680)
  • ⧉ Prevent overflow override on scroller in split-layout (#11651) (#11655)
• side-nav
  • ⧉ Avoid spurious expanded-changed event on side-nav item click (#11632) (#11683)
• text-area
  • ⧉ Update text area height with 1 px tolerance on explicit height (#11643) (#11693)

💅　Polish

• popover
  • ⧉ Extract popover focus management into a controller (#11535) (#11580)

🏠　Internal

• map
  • ⧉ Bump ol from 10.6.0 to 10.6.1 (#11719) (#11722)

v25.2.0-alpha10

API Documentation →

Changes Since v25.2.0-alpha9

💥　Breaking Changes

• aura,card,dashboard,vaadin-lumo-styles
  • ⧉ Render card and dashboard-widget border on the host (#11555)
• grid-pro
  • ⧉ Remove no longer used grid-pro notify events (#11559)

🚀　New Features

• aura
  • ⧉ Add aura accent surface class names (#11538)
• combo-box,multi-select-combo-box
  • ⧉ Add scrollToIndex method to combo-box (#11552)
• context-menu,menu-bar
  • ⧉ Add tooltip support for menu items (#11549)
• multi-select-combo-box
  • ⧉ Add collapseChips property to multi-select-combo-box (#11585)
• popover
  • ⧉ Add noTabFocus property to skip popover in Tab order (#11537)

🐛　Bug Fixes

• aura,dashboard
  • ⧉ Update aura dashboard widget selected mode styles (#11571)
• context-menu
  • ⧉ Close expanded sub-menu when hovering a disabled item (#11573)
• grid-pro,grid
  • ⧉ Narrow hidden to boolean on grid column classes (#11560)
• popover
  • ⧉ Prevent Shift+Tab loop when popover is before target (#11557)
• slider
  • ⧉ Correct slider input event type to extend InputEvent (#11558)

💅　Polish

• a11y-base,component-base,field-base
  • ⧉ Migrate web-types and API docs generation to CEM (#11539)
• aura,dashboard
  • ⧉ Simplify dashboard widget button css selectors (#11572)
• component-base,grid,menu-bar
  • ⧉ Expose tooltip open/close via TooltipController (#11568)
• menu-bar
  • ⧉ Extract menu-bar tooltip handling into controller (#11586)

📝　Documentation

• a11y-base
  • ⧉ Mark focus/blur events as internal to exclude from CEM (#11578)
• charts
  • ⧉ Extend @fires JSDoc description for chart-redraw event (#11605)
  • ⧉ Type chart options getter with @type instead of @return (#11576)
• combo-box
  • ⧉ Add missing @fires JSDoc for combo-box dropdown events (#11608)
• crud
  • ⧉ Extend @fires JSDoc descriptions for CRUD events (#11606)
  • ⧉ Mark edit event in vaadin-crud-edit as internal to exclude from CEM (#11577)
• dashboard
  • ⧉ Mark dashboard-root-heading-level-changed as internal (#11565)
  • ⧉ Mark dashboard item events as internal to exclude from CEM (#11561)
  • ⧉ Add dashboard-layout root-heading-level-changed event type (#11556)
• date-time-picker
  • ⧉ Add missing date-time-picker unparsable-change event type (#11553)
• grid-pro,grid
  • ⧉ Extend @fires JSDoc descriptions for grid and grid-pro events (#11607)
• list-box
  • ⧉ Extend @fires JSDoc descriptions for list-box events (#11609)
• login
  • ⧉ Extend @fires JSDoc description for login event (#11610)
• upload
  • ⧉ Generalize event descriptions in upload file JSDoc (#11619)
  • ⧉ Extend @fires JSDoc descriptions for upload events (#11604)

🔬　Tests

• button
  • ⧉ Stabilize button visual tests by disabling hover transitions (#11599)
• combo-box,date-picker,login,master-detail-layout,message-input,side-nav
  • ⧉ Update Lumo screenshots drifted by Chromium rasterization changes (#11615)
• confirm-dialog
  • ⧉ Add aura visual test for confirm-dialog button wrap (#11579)
• confirm-dialog,dialog,overlay
  • ⧉ Stabilize Lumo visual tests by disabling backdrop animation (#11591)
• context-menu,menu-bar
  • ⧉ Add shadow DOM snapshots for context-menu and menu-bar (#11624)
• crud
  • ⧉ Stabilize crud lumo visual tests by disabling backdrop animation (#11587)
• dashboard
  • ⧉ Disable dashboard transitions in visual tests (#11574)
• multi-select-combo-box
  • ⧉ Stabilize multi-select-combo-box focused chip visual tests (#11582)
• rich-text-editor
  • ⧉ Stabilize RTE visual tests by disabling toolbar-button transitions (#11600)
• tabs
  • ⧉ Stabilize tabs scroll-button visual tests by disabling opacity transition (#11595)
• text-area
  • ⧉ Stabilize text-area visual tests by disabling input-field transition (#11588)
• upload
  • ⧉ Stabilize upload-button visual tests by disabling hover transitions (#11598)

🏠　Internal

• All components
  • ⧉ Use optional chaining in components sources (#11623)
  • ⧉ Cleanup no longer used @event JSDoc blocks after moving to CEM (#11621)
• aura,vaadin-lumo-styles
  • ⧉ Bump postcss from 8.5.8 to 8.5.12 (#11570)
• grid-pro,grid,master-detail-layout,menu-bar,upload,vaadin-themable-mixin
  • ⧉ Update ESLint config to allow modern ES2020 operators ([#11622](https://github.com/vaadin/web...

v25.2.0-alpha9

API Documentation →

Changes Since v25.2.0-alpha8

🚀　New Features

• a11y-base,button,context-menu,item,menu-bar,vaadin-lumo-styles
  • ⧉ Make disabled menu items accessible with feature flag (#11541)
• aura
  • ⧉ Support Aura filled variant for select (#11511)

🐛　Bug Fixes

• aura,combo-box,date-picker,menu-bar,multi-select-combo-box,time-picker
  • ⧉ Add small margin between overlay and its trigger element (#11508)
• dialog
  • ⧉ Do not bubble drag events to parent dialogs (#11525)
• grid
  • ⧉ Reset cell order according to order of columns in DOM (#11522)
• vaadin-lumo-styles
  • ⧉ Remove disabled guard from button Lumo hover styles (#11548)

💅　Polish

• accordion,app-layout,aura,avatar-group,avatar,badge,button,card,confirm-dialog,crud,dashboard,details,dialog,grid-pro,grid,login,map,master-detail-layout,menu-bar,message-list,notification,overlay,upload
  • ⧉ Adjust Aura surface color computation (#11536)
• popover
  • ⧉ Extract popover focus management into a controller (#11535)

📝　Documentation

• master-detail-layout
  • ⧉ Restructure MDL ARCHITECTURE for readability (#11523)

🔬　Tests

• app-layout,date-picker
  • ⧉ Update base styles visual test screenshots (#11545)
• button,dashboard,upload
  • ⧉ Update more Aura dark focus outline screenshots (#11542)
• charts
  • ⧉ Update charts visual test screenshots (#11544)
• context-menu,field-highlighter,grid-pro,item,list-box,login,password-field,rich-text-editor,select
  • ⧉ Update Aura dark screenshots for focus outline (#11540)
• overlay
  • ⧉ Update Aura screenshots for overlay with backdrop (#11526)

🏠　Internal

• Other
  • ⧉ Update dev dependencies versions, fix audit warnings (#11530)
  • ⧉ Update rollup plugins in dev pages to latest versions (#11529)

v25.1.2

API Documentation →

Changes Since v25.1.1

🐛　Bug Fixes

• dialog
  • ⧉ Do not bubble drag events to parent dialogs (#11525) (#11527)
• field-base
  • ⧉ Follow --vaadin-icon-size in field-button click target size (#11510) (#11518)
• grid
  • ⧉ Reset cell order according to order of columns in DOM (#11522) (CP: 25.1) (#11532)
• vaadin-lumo-styles
  • ⧉ Remove disabled guard from button Lumo hover styles (#11548) (#11550)

💅　Polish

• app-layout,aura,confirm-dialog,dialog,master-detail-layout
  • ⧉ Update Aura overlay backdrop background color (#11505) (#11517)

🔬　Tests

• charts
  • ⧉ Update charts visual test screenshots (#11544) (#11546)
• context-menu,field-highlighter,grid-pro,item,list-box,login,password-field,rich-text-editor,select
  • ⧉ Update Aura dark screenshots for focus outline (#11540) (#11547)

v25.0.11

API Documentation →

Changes Since v25.0.10

🐛　Bug Fixes

• dialog
  • ⧉ Do not bubble drag events to parent dialogs (#11525) (CP: 25.0) (#11528)
• vaadin-lumo-styles
  • ⧉ Remove disabled guard from button Lumo hover styles (#11548) (#11551)

v24.10.1

API Documentation →

Changes Since v24.10.0

v24.9.14

API Documentation →

Changes Since v24.9.13

v25.2.0-alpha8

API Documentation →

Changes Since v25.2.0-alpha7

💥　Breaking Changes

• app-layout
  • ⧉ Avoid forced style recalculations on app-layout resize (#11493)
• aura,master-detail-layout
  • ⧉ Update Aura master-detail-layout detail shadow, radius, and inset (#11503)
  • ⧉ Rename overlayContainment from "viewport" to "page" (#11520)
• master-detail-layout
  • ⧉ Replace expand property with expandMaster and expandDetail (#11521)

🐛　Bug Fixes

• app-layout,aura,component-base,master-detail-layout,vaadin-lumo-styles
  • ⧉ IOS safe area insets for app-layout and master-detail-layout (#11498)
• aura
  • ⧉ Disable backdrop-filter when overlay opacity is 100% (#11509)
  • ⧉ Reduce helper text opacity on disabled fields (#11507)
• dashboard
  • ⧉ Don't override flex-basis to zero for dashboard widget title (#11502)
  • ⧉ Reduce default dashboard column min-width (#11501)
• field-base
  • ⧉ Follow --vaadin-icon-size in field-button click target size (#11510)
• upload
  • ⧉ Do not show loader part in standard upload-file variant (#11516)

💅　Polish

• app-layout,aura,confirm-dialog,dialog,master-detail-layout
  • ⧉ Update Aura overlay backdrop background color (#11505)
• aura,slider
  • ⧉ Increase --aura-font-size-xs default value (#11512)
• master-detail-layout
  • ⧉ Restore forceOverlay property (#11489)
  • ⧉ Use setProperty API directly instead of helper (#11491)
  • ⧉ Group related MDL base styles together (#11486)

🏠　Internal

• markdown
  • ⧉ Bump dompurify from 3.3.2 to 3.4.0 (#11490)
• Other
  • ⧉ Support URL fragment navigation in aura dev page (#11499)
  • ⧉ Update Aura dev page, allow layouts to shrink (#11500)
  • ⧉ Fix inline style typo in Aura dev page (#11506)
  • ⧉ Remove unnecessary inline styles from dev page (#11504)
  • ⧉ Bump axios from 1.13.6 to 1.15.1 (#11515)
  • ⧉ Bump follow-redirects from 1.15.11 to 1.16.0 (#11488)
  • ⧉ Bump basic-ftp from 5.2.1 to 5.2.2 (#11478)
  • ⧉ Bump protocol-buffers-schema from 3.6.0 to 3.6.1 (#11495)