Releases: vaadin/web-components
Releases · vaadin/web-components
v24.8.4
API Documentation →
🐛 Bug Fixes
app-layout
- ⧉ Remove focus trap when overlay mode is reset to false (#9514) (#9692)
grid-pro
- ⧉ Listen to opened-changed events in custom editors (#9671) (#9724)
💅 Polish
date-picker,field-highlighter
- ⧉ Open date picker overlay on element focus in fullscreen (#9670) (#9716)
master-detail-layout
- ⧉ MDL layout and view transitions styles (#9665) (#9669)
v24.7.11
API Documentation →
🐛 Bug Fixes
app-layout
- ⧉ Remove focus trap when overlay mode is reset to false (#9514) (#9693)
grid-pro
- ⧉ Listen to opened-changed events in custom editors (#9671) (#9726)
💅 Polish
date-picker,field-highlighter
- ⧉ Open date picker overlay on element focus in fullscreen (#9670) (#9717)
v25.0.0-alpha7
API Documentation →
💥 Breaking Changes
map,vaadin-lumo-styles
- ⧉ Rename borderless map variant to no-border (#9652)
🚀 New Features
vaadin-lumo-styles
- ⧉ Port Lumo class utilities to CSS files (#9651)
🐛 Bug Fixes
confirm-dialog,dialog,popover
- ⧉ Allow setting null in TypeScript to width and height (#9653)
💅 Polish
accordion,combo-box,multi-select-combo-box,notification,popover,time-picker,tooltip,vaadin-lumo-styles
- ⧉ Remove unnecessary LumoInjectionMixin usage (#9655)
card,charts,details,form-layout,horizontal-layout,master-detail-layout,scroller,upload,vaadin-lumo-styles,vaadin-themable-mixin,vertical-layout
- ⧉ Allow base theme to be toggled per component in JS (#9594)
menu-bar
- ⧉ Simplify menu-bar observers to reduce update count (#9649)
🏠 Internal
vaadin-lumo-styles
- ⧉ Include Lumo CSS files in package.json for npm publishing (#9654)
v25.0.0-alpha6
API Documentation →
💥 Breaking Changes
confirm-dialog,vaadin-lumo-styles
- ⧉ Override confirm dialog header slotted element font styles (#9570)
login
- ⧉ Replace paragraph in login form footer with div (#9593)
login,vaadin-lumo-styles
- ⧉ Replace remaining login paragraph elements with div (#9595)
menu-bar
- ⧉ Debounce updating overflow to improve performance (#9618)
popover
- ⧉ Rename contentWidth and contentHeight to width and height (#9631)
rich-text-editor,vaadin-lumo-styles
- ⧉ Move all rich-text-editor icons to Lumo (#9640)
select
- ⧉ Prevent focusout when closing select overlay on outside click (#9572)
select,vaadin-lumo-styles
- ⧉ Make default overlay width custom CSS property private (#9576)
🚀 New Features
crud,vaadin-lumo-styles
- ⧉ Port crud Lumo styles to CSS files (#9522)
grid,vaadin-lumo-styles
- ⧉ Port grid Lumo styles to CSS files (#9520)
grid-pro,vaadin-lumo-styles
- ⧉ Port grid-pro Lumo styles to CSS files (#9521)
master-detail-layout,vaadin-lumo-styles
- ⧉ Port master-detail-layout Lumo styles to CSS files (#9602)
overlay,vaadin-lumo-styles
- ⧉ Port overlay component Lumo styles to CSS files (#9613)
tabsheet,vaadin-lumo-styles
- ⧉ Port tabsheet Lumo styles to CSS files (#9599)
🐛 Bug Fixes
app-layout,dialog
- ⧉ Replace hsl(0 0 0) syntax not supported in Safari 17 (#9624)
avatar-group,avatar
- ⧉ Avatar text/icon color (base styles) (#9560)
combo-box,date-picker,email-field,input-container,number-field,select,text-area,text-field,time-picker
- ⧉ Add minimal visual indication of an invalid input field (#9496)
field-base
- ⧉ Use base custom property for disabled cursor (#9583)
field-highlighter,vaadin-lumo-styles
- ⧉ Reset user-tags overlay part background and box-shadow (#9574)
master-detail-layout
- ⧉ Add missing Lumo style.js import (#9605)
select
- ⧉ Focus select when opening on toggle button mousedown (#9573)
side-nav
- ⧉ Update side-nav item padding and background color (#9584)
vaadin-lumo-styles
- ⧉ Add missing core styles to rich-text-editor.css (#9645)
- ⧉ Add missing core styles to time-picker.css (#9635)
- ⧉ Avoid row-gap following gap with CSS variable (#9634)
vaadin-themable-mixin
- ⧉ Do not throw when cssRules property is inaccessible (#9596)
💅 Polish
- All components
- ⧉ Rename CSSInjector to LumoInjector (#9600)
accordion,app-layout,avatar-group,avatar,button,checkbox-group,checkbox,combo-box,component-base,date-picker,details,email-field,grid,input-container,integer-field,list-box,number-field,password-field,radio-group,select,side-nav,text-area,text-field,time-picker,tooltip
- ⧉ Derive colors from base background and text color (#9552)
app-layout,avatar,button,checkbox,combo-box,component-base,confirm-dialog,date-picker,details,dialog,field-base,grid,input-container,item,list-box,overlay,side-nav,text-area,tooltip
- ⧉ Rename base style properties to make them public (#9553)
avatar,card,vaadin-lumo-styles
- ⧉ Lower rule specificity to avoid breaking change (#9623)
avatar-group,date-picker,field-highlighter,input-container,multi-select-combo-box,tabs,vaadin-lumo-styles
- ⧉ Drop legacy -webkit-mask fallback (#9558)
combo-box,date-picker,multi-select-combo-box,time-picker
- ⧉ Update field components to set owner on the overlay (#9585)
combo-box,list-box,login,multi-select-combo-box,overlay,split-layout,tabs,text-area,time-picker,vaadin-lumo-styles
- ⧉ Drop legacy-webkit-scrolling-overflow property (#9564)
confirm-dialog,dialog,overlay
- ⧉ Move dialog setBounds logic to overlay mixin (#9643)
dashboard
- ⧉ Update dashboard styles, fix unit tests to use src version (#9563)
date-picker
- ⧉ Drop momentum scrolling prevention workaround (#9562)
field-base,input-container,map,number-field,side-nav,text-area,vaadin-lumo-styles
- ⧉ Remove vendor prefixes from appearance CSS property (#9559)
field-highlighter
- ⧉ Simplify select field-highlighter logic and tests (#9581)
side-nav,vaadin-lumo-styles
- ⧉ Remove obsolete CSS
@supports wrappers (#9561)
vaadin-lumo-styles
- ⧉ Ensure Lumo global props and styles apply in Shadow DOM (#9626)
- ⧉ Define Lumo injection properties on both :root and :host (#9621)
vaadin-lumo-styles,vaadin-themable-mixin
- ⧉ Modularize styles in CSS files to optimize Lumo bundle size (#9524)
vaadin-themable-mixin
- ⧉ Add !important to ::before styles in CSS property observer (#9622)
- ⧉ Remove unnecessary adoptedStyl...
v24.7.10
API Documentation →
💥 Behavior Altering Fixes
menu-bar
- ⧉ Debounce updating overflow to improve performance (#9618) (#9641)
🐛 Bug Fixes
field-highlighter
- ⧉ Reset user-tags overlay part background and box-shadow (#9574) (#9591)
select
- ⧉ Focus select when opening on toggle button mousedown (#9573) (#9578)
v24.8.2
API Documentation →
🐛 Bug Fixes
field-highlighter
- ⧉ Reset user-tags overlay part background and box-shadow (#9574) (#9590)
message-list
- ⧉ Add missing .js extension to SlotStylesMixin import (#9589)
select
- ⧉ Focus select when opening on toggle button mousedown (#9573) (#9577)
v24.8.1
API Documentation →
🐛 Bug Fixes
component-base,grid
- ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9507)
form-layout
- ⧉ Set min-width in form-item content (#9457) (24.8) (#9478)
grid
- ⧉ Scroll focus target into view when row is larger than viewport (#9475) (#9477)
tooltip
📝 Documentation
grid
- ⧉ Fix JSDoc for all-imports entrypoint to use .js (#9537) (#9539)
🏠 Internal
accordion,button,component-base,details,field-base,input-container,item,list-box,number-field,overlay,password-field,select,text-field
- ⧉ Remove experimental base styles from v24.8 branch (#9534)
- Other
- ⧉ Update Lerna savePrefix patch to use correct file (#9505) (#9506)
v25.0.0-alpha5
API Documentation →
🚀 New Features
app-layout,vaadin-lumo-styles
- ⧉ Port app-layout Lumo styles to CSS files (#9511)
card,vaadin-lumo-styles
- ⧉ Port card Lumo styles to CSS files (#9523)
charts,vaadin-lumo-styles
- ⧉ Port chart Lumo styles to CSS files (#9519)
dashboard,vaadin-lumo-styles
- ⧉ Port dashboard Lumo styles to CSS files (#9390)
field-base,input-container,password-field
- ⧉ Customizable input field autofill styles (#9498)
field-highlighter,vaadin-lumo-styles
- ⧉ Port field-highlighter Lumo styles to CSS files (#9513)
login,vaadin-lumo-styles
- ⧉ Port login Lumo styles to CSS files (#9402)
map,vaadin-lumo-styles
- ⧉ Port map Lumo styles to CSS files (#9501)
message-input,message-list,vaadin-lumo-styles
- ⧉ Port message component Lumo styles to CSS files (#9500)
progress-bar,vaadin-lumo-styles
- ⧉ Port progress-bar Lumo styles to CSS files (#9482)
rich-text-editor,vaadin-lumo-styles
- ⧉ Port rich-text-editor Lumo styles to CSS files (#9502)
scroller,vaadin-lumo-styles
- ⧉ Port scroller Lumo styles to CSS files (#9512)
side-nav,vaadin-lumo-styles
- ⧉ Port side-nav Lumo styles to CSS files (#9515)
tabs,vaadin-lumo-styles
- ⧉ Port tabs Lumo styles to CSS files (#9499)
upload,vaadin-lumo-styles
- ⧉ Port upload Lumo styles to CSS files (#9483)
🐛 Bug Fixes
button
- ⧉ Override button focus outline for native :focus-visible state (#9471)
checkbox-group,checkbox,field-base,radio-group
- ⧉ Force required indicator attached to the last word/character (#9494)
component-base,grid
- ⧉ Adjust virtualizer indexes when scrolling at the end (#9142)
dialog
- ⧉ Limit resizer-container max-width with base styles (#9531)
field-base
- ⧉ Make checkbox render correctly in column flex on Safari 17 (#9491)
form-layout
- ⧉ Set min-width in form-item content (#9457)
grid
- ⧉ Scroll focus target into view when row is larger than viewport (#9475)
icon
- ⧉ Prevent vaadin-icon from shrinking or growing (#9490)
overlay
- ⧉ Overlay shadow color (support Safari 17) (#9492)
time-picker
- ⧉ Add missing JSDoc annotation to TimePickerMixin (#9470)
tooltip
- ⧉ Defer computing styles until opened (#9485)
vaadin-lumo-styles
- ⧉ Add missing core styles to icon.css (#9517)
💅 Polish
- All components
- ⧉ Add -core- suffix to style files that are missing it (#9468)
grid
- ⧉ Drop legacy -webkit-sticky fallback (#9545)
map
- ⧉ Remove obsolete
@supports CSS block (#9503)
🚧 Experiments
dialog
- ⧉ Add dialog base styles and visual tests (#9438)
email-field
- ⧉ Add email-field base styles and visual tests (#9541)
tooltip
- ⧉ Add tooltip base styles and visual tests (#9546)
📝 Documentation
grid
- ⧉ Fix JSDoc for all-imports entrypoint to use .js (#9537)
🔬 Tests
button
- ⧉ Add visual tests for buttons with icons in base theme (#9497)
combo-box
- ⧉ Update combo-box unit tests to pass with base styles (#9529)
confirm-dialog,field-highlighter
- ⧉ Move imports in visual tests to prevent warnings (#9548)
date-picker
- ⧉ Update date-picker unit tests to pass with base styles (#9528)
field-highlighter
- ⧉ Update common.js to match imported components in visual test (#9518)
integer-field
- ⧉ Add visual tests for integer-field base styles (#9542)
message-list
- ⧉ Update message-list unit tests to pass with base styles (#9533)
multi-select-combo-box
- ⧉ Fix multi-select-combo-box test to pass with base styles (#9532)
popover
- ⧉ Update popover content test to pass with base styles (#9538)
rich-text-editor
- ⧉ Improve test coverage for rich content (#9527)
tabs
- ⧉ Extract tabs overflow tests into separate file (#9493)
- ⧉ Convert tabs unit test to visual test (#9489)
- Other
- ⧉ Update component tooltip ITs to pass with base styles (#9530)
🏠 Internal
icon
- ⧉ Add Stylelint plugin to ensure base styles are inside base CSS layer (#9473)
map
v24.7.9
API Documentation →
🐛 Bug Fixes
component-base,grid
- ⧉ Adjust virtualizer indexes when scrolling at the end (#9142) (#9508)
form-layout
grid
- ⧉ Scroll focus target into view when row is larger than viewport (#9475) (#9479)
tooltip
