v25.2.0-beta2

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)
• notification,rich-text-editor,tooltip
  • ⧉ Import custom element classes instead of relying on side-effects (#11848)
• rich-text-editor
  • ⧉ Update RTE color popup visual tests, disable animation (#11817)
• tooltip
  • ⧉ Extract tooltip target unit tests to separate file (#11844)

🏠　Internal

• a11y-base
  • ⧉ Fix incorrect protected method in ActiveMixin typings (#11846)
• a11y-base,accordion,app-layout,avatar-group,avatar,badge,board,breadcrumbs,button,card,charts,checkbox-group,checkbox,combo-box,component-base,confirm-dialog,context-menu,crud,custom-field,dashboard,date-picker,date-time-picker,details,dialog,email-field,field-base,field-highlighter,form-layout,grid-pro,grid,icon,input-container,integer-field,item,list-box,lit-renderer,login,map,master-detail-layout,menu-bar,message-input,message-list,multi-select-combo-box,notification,number-field,overlay,password-field,popover,radio-group,rich-text-editor,select,side-nav,split-layout,tabs,tabsheet,text-area,text-field,time-picker,tooltip,upload,vaadin-themable-mixin,virtual-list
  • ⧉ Upgrade sinon dev dependency version to 22.0 (#11822)
• breadcrumbs
  • ⧉ Fix incorrect mixin usage in breadcrumbs overlay typings (#11889)
• markdown
  • ⧉ Upgrade dompurify dependency to latest version (#11854)
• message-list,upload
  • ⧉ Remove modularUpload and messageListAttachments flags (#11809)
• Other
  • ⧉ Support git worktrees in docker visual tests (#11594)
  • ⧉ Detect TTY environment in visual tests Docker wrapper (#11896)
  • ⧉ Update tsconfig.json to include all .ts files in packages (#11890)
  • ⧉ Allow extra styles text area to scroll horizontally (#11869)
  • ⧉ Use xsmall variant instead of inline styles for avatar size (#11871)
  • ⧉ Require plain English in PR descriptions (#11861)
  • ⧉ Bump liquidjs from 10.25.7 to 10.27.0 (#11852)
  • ⧉ Bump tmp from 0.2.5 to 0.2.6 (#11850)
  • ⧉ Remove no longer needed dotenv config from the repo (#11849)
  • ⧉ Add breadcrumbs to the list of components in README (#11841)
  • ⧉ Add Claude skill for collecting beta / stable release notes (#11813)