API Documentation →

Changes Since v25.1.0

💥　Behavior Altering Changes

• app-layout
  • ⧉ Avoid forced style recalculations on app-layout resize (#11493)
• app-layout,avatar-group,avatar,component-base,crud,dashboard,date-picker,date-time-picker,login,menu-bar,message-input,multi-select-combo-box,rich-text-editor,side-nav,time-picker,upload
  • ⧉ Expose default i18n via static getter instead of mixin parameter (#11710)
• aura,button,upload,vaadin-lumo-styles
  • ⧉ Allow button label to wrap by default in base styles and Aura (#11843)
• aura,card,dashboard,vaadin-lumo-styles
  • ⧉ Render card and dashboard-widget border on the host (#11555)
• aura,date-picker
  • ⧉ Use CSS grid layout for date-picker month calendar (#11670)
• aura,horizontal-layout,vertical-layout
  • ⧉ Use --vaadin-padding-l for vertical and horizontal-layout by default (#11474)
• aura,master-detail-layout
  • ⧉ Update Aura master-detail-layout detail shadow, radius, and inset (#11503)
• grid
  • ⧉ Only re-render affected rows on grid selection change (#11397)
• grid-pro
  • ⧉ Remove no longer used grid-pro notify events (#11559)
• master-detail-layout
  • ⧉ Rename overlayContainment from "viewport" to "page" (#11520)
  • ⧉ Rewrite master-detail-layout with CSS grid (#11361)
  • ⧉ Replace expand property with expandMaster and expandDetail (#11521)

🚀　New Features

• a11y-base,button,context-menu,item,menu-bar,vaadin-lumo-styles
  • ⧉ Make disabled menu items accessible with feature flag (#11541)
• aura
  • ⧉ Add aura accent surface class names (#11538)
  • ⧉ Support Aura filled variant for select (#11511)
• aura,date-picker
  • ⧉ Add aura date-picker calendar today and hovered date styles (#11727)
• breadcrumbs
  • ⧉ Add breadcrumbs Aura theme and visual tests (#11758)
  • ⧉ Add slash separator theme variant to breadcrumbs (#11910)
  • ⧉ Add breadcrumbs color properties, Lumo and Aura variants (#11900)
  • ⧉ Implement arrow key navigation for breadcrumbs overlay items (#11805)
  • ⧉ Collapse overflowing breadcrumbs items to the overlay (#11770)
  • ⧉ Add disabled and focused state to breadcrumbs item (#11741)
  • ⧉ Add breadcrumbs Lumo theme and visual tests (#11740)
  • ⧉ Flip breadcrumbs item separator when using RTL (#11736)
  • ⧉ 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)
  • ⧉ Implement current breadcrumbs item update logic, add roles (#11700)
• combo-box
  • ⧉ Center focused item in combo-box dropdown (#11875)
• component-base
  • ⧉ Allow SlotObserver to accept shadow root as a target (#11783)
• context-menu,menu-bar
  • ⧉ Add tooltip support for menu items (#11549)
• crud
  • ⧉ Add overflow indicators to crud dialog base styles (#11894)
• dashboard
  • ⧉ Add fixed row height support to dashboard (#11603)
• dialog
  • ⧉ Add overflow indicators to dialog base styles (#11893)
• master-detail-layout
  • ⧉ Calculate detail size automatically when not explicity set (#11403)
  • ⧉ Add backdrop fade-in/out transition to master-detail-layout (#11414)
  • ⧉ Add detail placeholder slot to master-detail-layout (#11374)
• message-input
  • ⧉ Disable message-input submit button when input value is empty (#11706)
• multi-select-combo-box
  • ⧉ Add collapseChips property to multi-select-combo-box (#11585)
• popover
  • ⧉ Add noTabFocus property to skip popover in Tab order (#11537)
• rich-text-editor,tooltip
  • ⧉ Add tooltip ariaLinkMode property to control ARIA attribute (#11845)

Changes Since v25.2.0-rc2

🐛　Bug Fixes

• aura,tabs
  • ⧉ Don't hide tabbar overflow prematurely (#11870)

📝　Documentation

• breadcrumbs
  • ⧉ Update breadcrumbs Flow tasks to only include manual mode ITs (#11956)
  • ⧉ Align breadcrumbs Flow spec with IT module structure (#11953)
  • ⧉ Align breadcrumbs Flow spec test files with actual unit tests (#11954)
  • ⧉ Align breadcrumbs flow specs with implemented TestBench API (#11951)
  • ⧉ Update breadcrumbs spec to...

API Documentation →

Changes Since v24.9.16

🏠　Internal

• vaadin-themable-mixin
  • ⧉ Remove unused CSSInjectionMixin and tests (#11944)
• Other
  • ⧉ Upgrade Playwright version to 1.61.0 (#11938)

API Documentation →

Changes Since v25.2.0-rc1

📝　Documentation

• breadcrumbs
  • ⧉ Reduce duplication in breadcrumbs slot spec sections (#11933)
  • ⧉ List ellipsis icon in breadcrumbs spec reuse section (#11932)
  • ⧉ Align breadcrumbs Flow spec with task 6 review changes (#11934)
  • ⧉ Reduce duplication in breadcrumbs overlay spec sections (#11930)

🏠　Internal

• markdown
  • ⧉ Bump dompurify from 3.4.7 to 3.4.10 (#11941)
• Other
  • ⧉ Upgrade Playwright version to 1.61.0 (#11935)
  • ⧉ Bump markdown-it from 14.1.1 to 14.2.0 (#11942)
  • ⧉ Bump form-data from 4.0.5 to 4.0.6 (#11943)
  • ⧉ Bump tmp from 0.2.6 to 0.2.7 (#11940)

API Documentation →

Changes Since v25.2.0-beta2

🚀　New Features

• breadcrumbs
  • ⧉ Add breadcrumbs color properties, Lumo and Aura variants (#11900)
  • ⧉ Add slash separator theme variant to breadcrumbs (#11910)
• combo-box
  • ⧉ Center focused item in combo-box dropdown (#11875)

🐛　Bug Fixes

• breadcrumbs
  • ⧉ Use correct character in breadcrumbs icon pseudo-elements (#11929)
  • ⧉ Skip items without path in breadcrumbs overlay keyboard navigation (#11925)
  • ⧉ Apply breadcrumbs link color custom property to overlay items (#11924)
• slider
  • ⧉ Ensure slider thumb target size and prevent clicks on track (#11919)

💅　Polish

• aura,breadcrumbs,vaadin-lumo-styles
  • ⧉ Update breadcrumbs base styles, Lumo and Aura themes (#11868)
• breadcrumbs
  • ⧉ Update breadcrumbs overflow-button size (#11931)
• grid
  • ⧉ Remove redundant _afterScroll call after creating grid rows (#11917)
  • ⧉ Make grid virtualizer callbacks overridable (#11914)

📝　Documentation

• breadcrumbs
  • ⧉ Drop separator CSS property from breadcrumbs Flow spec (#11927)
  • ⧉ Update breadcrumbs Flow spec to reflect actual i18n logic (#11926)
  • ⧉ Use UI.routerStateSignal for breadcrumbs initial trail build (#11921)
  • ⧉ Use getRouteHierarchy for breadcrumbs Flow router trail (#11918)
  • ⧉ Treat HasComponentsOfType as available in breadcrumbs spec (#11923)
  • ⧉ Update breadcrumbs spec to list all variants, reorder tasks, fix i18n (#11912)
  • ⧉ Deduplicate layout and parts details in breadcrumbs spec (#11909)

🏠　Internal

• Other
  • ⧉ Bump shell-quote from 1.7.4 to 1.8.4 (#11915)

API Documentation →

Changes Since v25.2.0-beta1

💥　Breaking Changes

• aura,button,upload,vaadin-lumo-styles
  • ⧉ Allow button label to wrap by default in base styles and Aura (#11843)
• combo-box,multi-select-combo-box
  • ⧉ Rename combo-box scrollToIndex to private __focusIndex (#11862)

🚀　New Features

• breadcrumbs
  • ⧉ Implement arrow key navigation for breadcrumbs overlay items (#11805)
• crud
  • ⧉ Add overflow indicators to crud dialog base styles (#11894)
• dialog
  • ⧉ Add overflow indicators to dialog base styles (#11893)
• rich-text-editor,tooltip
  • ⧉ Add tooltip ariaLinkMode property to control ARIA attribute (#11845)

🐛　Bug Fixes

• aura
  • ⧉ Avoid crashing firefox 140 esr when opening the inspector (#11878)
• breadcrumbs
  • ⧉ Do not mark breadcrumbs item as focused when disabled (#11847)
• breadcrumbs,vaadin-lumo-styles
  • ⧉ Do not override disabled breadcrumbs item color in the overlay (#11807)
• combo-box
  • ⧉ Keep focused row inside the viewport after scroll in combo-box (#11814)
• combo-box,multi-select-combo-box
  • ⧉ Preserve focused index across sibling page-loads in combo-box (#11815)
• date-picker
  • ⧉ Avoid hover and cursor styles on empty date cells (#11860)

💅　Polish

• accordion,details,vaadin-lumo-styles
  • ⧉ Update details and accordion Lumo to use base styles (#11857)
• aura,badge,vaadin-lumo-styles
  • ⧉ Update badge styles to not increase parent component height (#11892)
• aura,breadcrumbs
  • ⧉ Add breadcrumbs to overlay host components in Aura (#11897)
• aura,button,confirm-dialog,date-picker,menu-bar,upload
  • ⧉ Reduce inline padding of tertiary buttons in Aura (#11872)
• breadcrumbs
  • ⧉ Do not focus overlay item after opening breadcrumbs overlay (#11885)
  • ⧉ Use baseline alignment for breadcrumbs items (#11884)
  • ⧉ Update breadcrumbs item padding, do not clip overflow (#11883)
  • ⧉ Observe breadcrumbs item prefix slot using SlotObserver (#11840)
• breadcrumbs,component-base
  • ⧉ Render breadcrumbs overflow button icon using mask-image (#11881)
• button,vaadin-lumo-styles
  • ⧉ Rename button label wrap custom CSS property (#11864)
• combo-box
  • ⧉ Rework combo-box scrollToIndex flow to attempt scroll first (#11851)
• context-menu,menu-bar,vaadin-lumo-styles
  • ⧉ Use base styles in context-menu and menu-bar overlay Lumo (#11866)
• crud
  • ⧉ Extract crud dialog overlay into separate file (#11898)
• dashboard
  • ⧉ Combine imports to not import from same file twice (#11859)
• dialog
  • ⧉ Extract DialogOverflowController for reusing overflow logic (#11901)
• scroller,virtual-list
  • ⧉ Align overflow indicator properties, add color property (#11895)
• tooltip,vaadin-lumo-styles
  • ⧉ Update tooltip overlay Lumo CSS to use base styles (#11867)

📝　Documentation

• breadcrumbs
  • ⧉ Deduplicate separator rendering in breadcrumbs spec (#11887)
  • ⧉ Deduplicate overlay details in breadcrumbs spec (#11886)
  • ⧉ Remove breadcrumbs web component tasks and implementation notes (#11839)
  • ⧉ Add breadcrumbs flow component implementation tasks (#11824)
  • ⧉ Fix incorrect i18n default and aria-disabled in breadcrumbs spec (#11821)
  • ⧉ Update breadcrumbs JSDoc, add missing styling section (#11820)
  • ⧉ Add breadcrumbs task 12 for final documentation pass (#11819)
• button
  • ⧉ Use correct custom CSS property in button JSDoc (#11865)

🔬　Tests

• app-layout,avatar,button,checkbox-group,checkbox,combo-box,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,dialog,email-field,field-highlighter,grid-pro,input-container,integer-field,login,menu-bar,multi-select-combo-box,notification,number-field,overlay,password-field,popover,radio-group,rich-text-editor,select,side-nav,slider,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload
  • ⧉ Convert not-animated-styles to CSS using ::part selectors (#11794)
• avatar-group
  • ⧉ Disable overlay animation in avatar-group visual tests (#11812)
• breadcrumbs
  • ⧉ Extend breadcrumbs typings tests, add playground dev page (#11818)
  • ⧉ Disable overlay animation in breadcrumbs visual tests (#11811)
  • ⧉ Extract breadcrumbs overflow unit tests to separate file (#11810)
• crud
  • ⧉ Combine imports from test-runner-commands in CRUD tests (#11858)
• form-layout
  • ⧉ Combine testing helpers imports in form layout tests (#11863)
• login
  • ⧉ Disable overlay animation in login overlay visual tests ([#11816](https://github.com/vaadin...

API Documentation →

Changes Since v24.10.3

🐛　Bug Fixes

• charts
  • ⧉ Use CSS property to set highcharts label text color (#11791)
• 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)

🏠　Internal

• markdown
  • ⧉ Bump dompurify dependency version to 3.4.8 (#11906)
• Other
  • ⧉ Upgrade Playwright version to 1.60.0 (#11735) (#11882)

API Documentation →

Changes Since v24.9.15

🐛　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)

🏠　Internal

• markdown
  • ⧉ Bump dompurify dependency version to 3.4.8 (#11905)
• Other
  • ⧉ Upgrade Playwright version to 1.60.0 (#11735) (#11882)

API Documentation →

Changes Since v25.1.3

🐛　Bug Fixes

• aura
  • ⧉ Avoid crashing firefox 140 esr when opening the inspector (#11878) (#11879)
• component-base
  • ⧉ Do not use light-dark() in registerProperty for Safari 17 (#11778) (#11781)

🔬　Tests

• date-picker
  • ⧉ Pin item height in date-picker overlay-content fixture (#11676) (#11725)

🏠　Internal

• markdown
  • ⧉ Upgrade dompurify dependency to latest version (#11854) (#11855)
• Other
  • ⧉ Upgrade Playwright version to 1.60.0 (#11735) (#11737)

API Documentation →

Changes Since v25.0.12

🐛　Bug Fixes

• aura
  • ⧉ Avoid crashing firefox 140 esr when opening the inspector (#11878) (#11880)
• component-base
  • ⧉ Do not use light-dark() in registerProperty for Safari 17 (#11778) (#11782)

🏠　Internal

• markdown
  • ⧉ Upgrade dompurify dependency to latest version (#11854) (#11856)
• Other
  • ⧉ Upgrade Playwright version to 1.60.0 (#11735) (#11882)

API Documentation →

Changes Since v25.1.0

💥　Behavior Altering Changes

• app-layout
  • ⧉ Avoid forced style recalculations on app-layout resize (#11493)
• app-layout,avatar-group,avatar,component-base,crud,dashboard,date-picker,date-time-picker,login,menu-bar,message-input,multi-select-combo-box,rich-text-editor,side-nav,time-picker,upload
  • ⧉ Expose default i18n via static getter instead of mixin parameter (#11710)
• aura,card,dashboard,vaadin-lumo-styles
  • ⧉ Render card and dashboard-widget border on the host (#11555)
• aura,date-picker
  • ⧉ Use CSS grid layout for date-picker month calendar (#11670)
• aura,horizontal-layout,vertical-layout
  • ⧉ Use --vaadin-padding-l for vertical and horizontal-layout by default (#11474)
• aura,master-detail-layout
  • ⧉ Update Aura master-detail-layout detail shadow, radius, and inset (#11503)
• grid
  • ⧉ Only re-render affected rows on grid selection change (#11397)
• grid-pro
  • ⧉ Remove no longer used grid-pro notify events (#11559)
• master-detail-layout
  • ⧉ Rewrite master-detail-layout with CSS grid (#11361)
  • ⧉ Replace expand property with expandMaster and expandDetail (#11521)
  • ⧉ Rename overlayContainment from "viewport" to "page" (#11520)

🚀　New Features

• a11y-base,button,context-menu,item,menu-bar,vaadin-lumo-styles
  • ⧉ Make disabled menu items accessible with feature flag (#11541)
• aura
  • ⧉ Add aura accent surface class names (#11538)
  • ⧉ Support Aura filled variant for select (#11511)
• aura,dashboard,vaadin-lumo-styles
  • ⧉ Add button part for dashboard widget and section (#11333)
• aura,date-picker
  • ⧉ Add aura date-picker calendar today and hovered date styles (#11727)
• aura,master-detail-layout
  • ⧉ Add detail placeholder slot to master-detail-layout (#11374)
• breadcrumbs
  • ⧉ Collapse overflowing breadcrumbs items to the overlay (#11770)
  • ⧉ Add breadcrumbs Aura theme and visual tests (#11758)
  • ⧉ Add breadcrumbs Lumo theme and visual tests (#11740)
  • ⧉ Add disabled and focused state to breadcrumbs item (#11741)
  • ⧉ Flip breadcrumbs item separator when using RTL (#11736)
  • ⧉ Implement current breadcrumbs item update logic, add roles (#11700)
  • ⧉ 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)
• combo-box,multi-select-combo-box
  • ⧉ Add scrollToIndex method to combo-box (#11552)
• component-base
  • ⧉ Allow SlotObserver to accept shadow root as a target (#11783)
• context-menu,menu-bar
  • ⧉ Add tooltip support for menu items (#11549)
• dashboard
  • ⧉ Add fixed row height support to dashboard (#11603)
• master-detail-layout
  • ⧉ Calculate detail size automatically when not explicity set (#11403)
  • ⧉ Add backdrop fade-in/out transition to master-detail-layout (#11414)
• message-input
  • ⧉ Disable message-input submit button when input value is empty (#11706)
• multi-select-combo-box
  • ⧉ Add collapseChips property to multi-select-combo-box (#11585)
• popover
  • ⧉ Add noTabFocus property to skip popover in Tab order (#11537)
• vaadin-lumo-styles
  • ⧉ Migrate Lumo colors to CSS light-dark() and color-scheme (#11266)

Changes Since v25.2.0-alpha13

🚀　New Features

• aura,breadcrumbs,vaadin-lumo-styles
  • ⧉ Collapse overflowing breadcrumbs items to the overlay (#11770)
• component-base
  • ⧉ Allow SlotObserver to accept shadow root as a target (#11783)

🐛　Bug Fixes

• aura,breadcrumbs
  • ⧉ Do not override disabled breadcrumbs item link color in Aura (#11797)
• component-base
  • ⧉ Do not use light-dark() in registerProperty for Safari 17 (#11778)

💅　Polish

• breadcrumbs
  • ⧉ Use shadow root SlotObserver to update breadcrumbs items (#11784)
• slider
  • ⧉ Remove experimental feature flag from slider component (#11795)
• vaadin-lumo-styles
  • ⧉ Remove no longer needed caret-color rule (#11799)

📝　Documentation

• breadcrumbs
  • ⧉ List breadcrumbs item disabled, focused, focus-ring in specs (#11801)
  • ⧉ Update breadcrumbs spec to point to guidelines folder (#11790)

🔬　Tests

• breadcrumbs
  • [...