v25.0.0-alpha8

API Documentation →

Changes Since v25.0.0-alpha7

💥　Breaking Changes

• avatar-group,combo-box,field-highlighter,multi-select-combo-box,rich-text-editor,time-picker,tooltip
  • ⧉ Remove backdrop part from overlays that do not use it (#9782)
• avatar-group,menu-bar,tooltip
  • ⧉ Update tooltip overlay to use native popover (#9760)
• avatar-group,vaadin-lumo-styles
  • ⧉ Update avatar-group overlay to use native popover (#9754)
• combo-box,date-time-picker,time-picker
  • ⧉ Update time-picker overlay to use native popover (#9755)
• confirm-dialog,crud,rich-text-editor
  • ⧉ Update confirm dialog overlay to use native popover (#9776)
  • ⧉ Update confirm-dialog to not use dialog extension (#9736)
• crud,rich-text-editor
  • ⧉ Move crud confirm dialogs to light DOM (#9783)
• date-picker,date-time-picker,field-highlighter
  • ⧉ Update date-picker overlay to use native popover (#9762)
• field-highlighter,select,vaadin-lumo-styles
  • ⧉ Update select overlay to use native popover (#9751)
• grid
  • ⧉ Rename updateRow to initRow, mark it as private (#9690)
• grid-pro,grid
  • ⧉ Split getItem into smaller methods, set loading state in updateRow (#9698)
  • ⧉ Rename updateItem to updateRow, mark it as private (#9695)
• menu-bar
  • ⧉ Update menu-bar to render root submenu in light DOM (#9745)
• message-input
  • ⧉ Do not set primary theme on message-input button (#9680)
• popover,tooltip,vaadin-lumo-styles
  • ⧉ Update popover overlay to use native popover (#9785)
• rich-text-editor
  • ⧉ Update rich text editor color popup to use native popover (#9777)
  • ⧉ Update rich-text-editor to render link dialog in light DOM (#9772)
  • ⧉ Update rich-text-editor to render tooltip in light DOM (#9757)
• split-layout,vaadin-lumo-styles
  • ⧉ Remove transform: translateZ(0) from split-layout (#9664)
• vaadin-lumo-styles
  • ⧉ Delete collection of default component property values (#9667)

🐛　Bug Fixes

• All components
  • ⧉ Prevent unwanted CSS transitions on Lumo injection (#9709)
• app-layout
  • ⧉ Remove focus trap when overlay mode is reset to false (#9514)
• app-layout,avatar-group,avatar,date-picker,grid,map,popover,progress-bar,split-layout,tabsheet,tooltip
  • ⧉ Don't use rem values for most sizing and spacing (#9674)
• component-base
  • ⧉ Use color-mix instead of relative color syntax (#9658)
• grid-pro
  • ⧉ Listen to opened-changed events in custom editors (#9671)
• icon,vaadin-lumo-styles
  • ⧉ Add explicit element to enforce icon baseline alignment (#9661)
• overlay
  • ⧉ Allow vaadin-overlay-open event to bubble to the document (#9774)
  • ⧉ Prevent overlay opening when setting opened while disconnected (#9758)
• tooltip,vaadin-lumo-styles
  • ⧉ Allow overriding tooltip offset custom CSS properties (#9788)

💅　Polish

• All components
  • ⧉ Remove usage of CSS layers from base styles (#9659)
• avatar,vaadin-lumo-styles
  • ⧉ Update avatar Lumo CSS to extend base styles (#9676)
• avatar-group
  • ⧉ Simplify avatar-group observers to reduce update count (#9753)
  • ⧉ Set owner property on the avatar-group overlay element (#9752)
  • ⧉ Update avatar-group to use has-overflow host attribute (#9657)
• avatar-group,combo-box,context-menu,crud,menu-bar,overlay,select,time-picker,tooltip
  • ⧉ Reflect overlay state attributes to owner (#9750)
• component-base
  • ⧉ Restore vaadin prefix to style-props base layer (#9687)
  • ⧉ Restore usage of CSS layer for base style properties (#9675)
• confirm-dialog,crud
  • ⧉ Use aria-description for confirm dialog message (#9775)
• confirm-dialog,dialog
  • ⧉ Extract dialog size properties into separate mixin (#9735)
• date-picker,field-highlighter
  • ⧉ Open date picker overlay on element focus in fullscreen (#9670)
• login,vaadin-lumo-styles
  • ⧉ Update login-form to use column flex on slotted form (#9689)
• map,vaadin-lumo-styles
  • ⧉ Update map Lumo CSS to extend base styles (#9656)
• master-detail-layout,vaadin-lumo-styles
  • ⧉ MDL layout and view transitions styles (#9665)
• notification,overlay
  • ⧉ Update overlay stack logic to not rely on body children (#9738)
• overlay
  • ⧉ Check if backdrop exists before adding listener on it (#9780)
  • ⧉ Do not call showPopover if only nested overlays are open (#9773)
  • ⧉ Make it possible to customize overlay modality root (#9749)
  • ⧉ Make overlay bringToFront work with native popovers (#9746)
  • ⧉ Make it possible to customize overlay content root (#9744)
  • ⧉ Update overlay styles to reset native popover browser defaults (#9739)
• vaadin-lumo-styles
  • ⧉ Add native popover reset styles to Lumo overlay CSS (#9747)
  • ⧉ Move all color scheme styles to one dedicated file (#9672)
• vaadin-themable-mixin
  • ⧉ Set adoptedStyleSheets only once per component connection (#9660)

🚧　Experiments

• component-base,map
  • ⧉ Add map base-styles and visual tests (#9650)
• component-base,message-input,message-list
  • ⧉ Add message-list and message-input base styles (#9678)
• component-base,rich-text-editor
  • ⧉ Add rich-text-editor base styles and visual tests (#9677)
• context-menu,overlay
  • ⧉ Add context-menu base styles and visual tests (#9642)
• login,overlay
  • ⧉ Add login base styles and visual tests (#9686)
• menu-bar
  • ⧉ Add menu-bar base styles and visual tests (#9637)
• popover
  • ⧉ Add popover base styles and visual tests (#9638)
• split-layout
  • ⧉ Add split-layout base styles and visual tests (#9647)

📝　Documentation

• accordion,app-layout,avatar-group,confirm-dialog,cookie-consent,custom-field,details,grid-pro,horizontal-layout,item,list-box,login,menu-bar,rich-text-editor,scroller,tabs,tabsheet,upload,vertical-layout
  • ⧉ Improve code snippets in JSDoc comments, add language tags (#9697)

🔬　Tests

• date-picker
  • ⧉ Update keyboard input tests to use click instead of tap (#9761)
• login
  • ⧉ Add Lumo visual tests for standalone login-form (#9688)
• Other
  • ⧉ Add workaround to fix failing grid-pro custom-field test (#9673)

🏠　Internal

• accordion
  • ⧉ Remove shadow CSS injection from accordion JSDoc (#9696)
• Other
  • ⧉ Bump form-data from 4.0.0 to 4.0.4 (#9787)
  • ⧉ Enable Stylelint color-function-notation, lint html files (#9663)
  • ⧉ Use different names for failed screenshot artifacts (#9662)