Releases: vaadin/web-components
Releases · vaadin/web-components
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
v25.0.0-alpha4
API Documentation →
💥 Breaking Changes
app-layout
- ⧉ Rename custom CSS property for transition duration (#9357)
avatar
- ⧉ Always apply position: relative to vaadin-avatar (#9325)
avatar-group,avatar
- ⧉ Replace SVG with
<div> and custom font with Lumo icon (#9316)
component-base,grid
- ⧉ Remove deprecated grid and cache internal API (#9417)
confirm-dialog,vaadin-lumo-styles
- ⧉ Update confirm-dialog to use height and width properties (#9453)
custom-field
- ⧉ Remove deprecated custom-field internal-tab event (#9413)
date-picker
- ⧉ Remove swipe gesture for toggling year scroller (#9362)
- ⧉ Remove obsolete date-picker overlay header parts (#9370)
- ⧉ Remove no longer needed wrapper around scrollers slots (#9364)
- ⧉ Update date-picker overlay content to use CSS grid (#9360)
dialog
- ⧉ Remove contentWidth and contentHeight from resize event (#9416)
time-picker
- ⧉ Update time-picker to not use internal version of combo-box (#9354)
🚀 New Features
accordion,details,vaadin-lumo-styles
- ⧉ Port details and accordion Lumo styles to CSS files (#9278)
avatar-group,avatar,vaadin-lumo-styles
- ⧉ Port avatar and avatar-group Lumo styles to CSS files (#9338)
checkbox-group,checkbox,radio-group,vaadin-lumo-styles
- ⧉ Port checkbox and radio button Lumo styles to CSS files (#9355)
combo-box,date-picker,email-field,input-container,integer-field,multi-select-combo-box,number-field,password-field,text-area,text-field,time-picker,vaadin-lumo-styles,vaadin-themable-mixin
- ⧉ Port field component Lumo styles to CSS files (#9250)
confirm-dialog,dialog,vaadin-lumo-styles
- ⧉ Port dialog and confirm-dialog Lumo styles to CSS files (#9359)
context-menu,menu-bar,vaadin-lumo-styles
- ⧉ Port context-menu and menu-bar Lumo styles to CSS files (#9368)
custom-field,vaadin-lumo-styles
- ⧉ Port custom-field Lumo styles to CSS files (#9289)
date-time-picker,vaadin-lumo-styles
- ⧉ Port date-time-picker Lumo styles to CSS files (#9353)
form-layout,vaadin-lumo-styles
- ⧉ Port form layout Lumo styles to CSS files (#9304)
horizontal-layout,vaadin-lumo-styles,vertical-layout
- ⧉ Port vertical and horizontal layout Lumo styles to CSS files (#9366)
item,list-box,vaadin-lumo-styles
- ⧉ Port list-box and item Lumo styles to CSS files (#9288)
notification,vaadin-lumo-styles,vaadin-themable-mixin
- ⧉ Port notification Lumo styles to CSS files (#9363)
popover,vaadin-lumo-styles
- ⧉ Port popover Lumo styles to CSS files (#9352)
select,vaadin-lumo-styles,vaadin-themable-mixin
- ⧉ Port select Lumo styles to CSS files (#9319)
split-layout,vaadin-lumo-styles
- ⧉ Port split-layout Lumo styles to CSS files (#9367)
tooltip,vaadin-lumo-styles
- ⧉ Port tooltip Lumo styles to CSS files (#9349)
🐛 Bug Fixes
component-base
- ⧉ Avoid using hsl() syntax not supported in Safari 17 (#9340)
context-menu,menu-bar
- ⧉ Hide context-menu overlay until rendered (#9329)
date-picker,vaadin-lumo-styles
- ⧉ Set correct margin on the overlay content toolbar part (#9365)
dialog
- ⧉ Allow setting null explicitly to reset width and height (#9456)
icon
- ⧉ Do not set use href attribute if icon src is not defined (#9336)
overlay,popover
- ⧉ Allow popover to close while tooltip is open (#9397)
side-nav
- ⧉ Prevent double-tap-to-zoom in side-nav (#9410)
tooltip
- ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378)
vaadin-lumo-styles
- ⧉ Add missing opened styles to ported combo-box CSS (#9358)
vaadin-themable-mixin
- ⧉ Deduplicate tag-scoped media rules (#9301)
💅 Polish
accordion,details
- ⧉ Move details and accordion src CSS to styles folders (#9323)
app-layout,button,dashboard,password-field
- ⧉ Move button core and base CSS to styles folder (#9404)
avatar
- ⧉ Remove unused ID attributes (#9327)
- ⧉ Move src CSS to styles folder, use lit imports (#9310)
avatar-group
- ⧉ Prevent unnecessary avatar-group-overlay renders (#9350)
- ⧉ Update avatar-group overlay to be rendered using Lit (#9347)
- ⧉ Update avatar-group base styles gap property name (#9312)
avatar-group,combo-box,confirm-dialog,context-menu,crud,date-picker,dialog,field-highlighter,login,menu-bar,multi-select-combo-box,overlay,popover,rich-text-editor,select,time-picker,tooltip
v24.8.0
API Documentation →
💥 Behavior Altering Changes
date-time-picker
- ⧉ Datetimepicker validation improvements (#8986)
🚀 New Features
card
- ⧉ Add string based title and default role (#8822)
dashboard
- ⧉ Make root heading level on dashboard customizable (#8885)
date-picker
- ⧉ Support partial i18n in date picker (#8709)
form-layout
- ⧉ Add min columns feature for form layout (#8935)
- ⧉ Change default column width to field default width or 12em (#8861)
- ⧉ Add support for defaultAutoResponsiveFormLayout feature flag (#8782)
- ⧉ Add expandFields support to autoResponsive mode (#8756)
- ⧉ Ensure fields always stay within column boundaries (#8762)
- ⧉ Add colspan support to autoResponsive mode (#8736)
- ⧉ Add expandColumns support to autoResponsive mode (#8749)
- ⧉ Add FormItem and labelsAside support to autoResponsive mode (#8729)
- ⧉ Add FormRow and br support to autoResponsive mode (#8699)
- ⧉ Introduce autoResponsive mode (#8689)
login
- ⧉ Support partial i18n in login (#8713)
markdown
- ⧉ Implement vaadin-markdown component (#9023)
- ⧉ Add markdown package (#9012)
master-detail-layout
- ⧉ Add events for backdrop click and detail Escape press (#9062)
- ⧉ Use stackOverlay property instead of stackThreshold (#9052)
- ⧉ Mark master detail layout as experimental (#8915)
- ⧉ Add transitions for stack mode and viewport containment (#8903)
- ⧉ Add transition duration custom property to master-detail-layout (#8880)
- ⧉ Add RTL support to master-detail-layout transitions (#8878)
- ⧉ Add master-detail-layout themes and visual tests (#8875)
- ⧉ Add vertical transition styles to master-detail-layout (#8866)
- ⧉ Add noAnimation property to master-detail-layout (#8865)
- ⧉ Add method for starting view transitions (#8859)
- ⧉ Add role and ARIA attributes to master-detail-layout (#8850)
- ⧉ Focus detail content when using overlay or stack mode (#8851)
- ⧉ Add stackThreshold property to master-detail-layout (#8828)
- ⧉ Add containment mode to master-detail-layout (#8826)
- ⧉ Add forceOverlay property to master-detail-layout (#8824)
- ⧉ Add vertical orientation support to master-detail-layout (#8821)
- ⧉ Add min-size properties and overlay mode to master-detail-layout (#8789)
- ⧉ Add masterSize and detailSize properties to master-detail-layout (#8788)
- ⧉ Initialize master-detail-layout package (#8767)
menu-bar
- ⧉ Support partial i18n in menu bar (#8836)
message-input
- ⧉ Support partial i18n in message input (#8837)
message-list
- ⧉ Add message-list announceMessages API (#9252) (#9270)
- ⧉ Message-list markdown support (#9080)
rich-text-editor
- ⧉ Support partial i18n in rich text editor (#8838)
side-nav
- ⧉ Support partial i18n in side nav (#8839)
upload
- ⧉ Support partial i18n in upload (#8910)
vaadin-themable-mixin
- ⧉ Implement initial version of CSSInjectionMixin (#8934)
v24.8.0-rc1
API Documentation →
🐛 Bug Fixes
context-menu,menu-bar
- ⧉ Hide context-menu overlay until rendered (#9329) (#9332)
overlay,popover
- ⧉ Allow popover to close while tooltip is open (#9397) (#9401)
tooltip
- ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378) (#9383)
💅 Polish
context-menu
- ⧉ Update context-menu items when calling requestContentUpdate (#9331) (#9372)
🏠 Internal
- Other
- ⧉ Support glob parameter with integration tests (#9396) (#9400)
v24.7.8
API Documentation →
🐛 Bug Fixes
app-layout
- ⧉ Resize app layout drawer based on content (#9261) (#9280)
context-menu,menu-bar
- ⧉ Hide context-menu overlay until rendered (#9329) (#9335)
item
- ⧉ Add missing Lumo color import to vaadin-item (#9283) (#9286)
overlay,popover
- ⧉ Allow popover to close while tooltip is open (#9397) (#9405)
tooltip
- ⧉ Do not reopen manual tooltips on overlay mouseenter (#9378) (#9384)
v24.8.0-beta1
API Documentation →
💥 Behavior Altering Changes
date-time-picker
- ⧉ Datetimepicker validation improvements (#8986)
🚀 New Features
card
- ⧉ Add string based title and default role (#8822)
dashboard
- ⧉ Update dashboard styles, add Lumo theme variants (#8962) (#9204)
- ⧉ Make root heading level on dashboard customizable (#8885)
date-picker
- ⧉ Support partial i18n in date picker (#8709)
form-layout
- ⧉ Add min columns feature for form layout (#8935)
- ⧉ Change default column width to field default width or 12em (#8861)
- ⧉ Add support for defaultAutoResponsiveFormLayout feature flag (#8782)
- ⧉ Add expandFields support to autoResponsive mode (#8756)
- ⧉ Ensure fields always stay within column boundaries (#8762)
- ⧉ Add colspan support to autoResponsive mode (#8736)
- ⧉ Add expandColumns support to autoResponsive mode (#8749)
- ⧉ Add FormItem and labelsAside support to autoResponsive mode (#8729)
- ⧉ Add FormRow and br support to autoResponsive mode (#8699)
- ⧉ Introduce autoResponsive mode (#8689)
login
- ⧉ Support partial i18n in login (#8713)
markdown
- ⧉ Implement vaadin-markdown component (#9023)
- ⧉ Add markdown package (#9012)
master-detail-layout
- ⧉ Add events for backdrop click and detail Escape press (#9062)
- ⧉ Use stackOverlay property instead of stackThreshold (#9052)
- ⧉ Mark master detail layout as experimental (#8915)
- ⧉ Add transitions for stack mode and viewport containment (#8903)
- ⧉ Add transition duration custom property to master-detail-layout (#8880)
- ⧉ Add RTL support to master-detail-layout transitions (#8878)
- ⧉ Add master-detail-layout themes and visual tests (#8875)
- ⧉ Add vertical transition styles to master-detail-layout (#8866)
- ⧉ Add noAnimation property to master-detail-layout (#8865)
- ⧉ Add method for starting view transitions (#8859)
- ⧉ Add role and ARIA attributes to master-detail-layout (#8850)
- ⧉ Focus detail content when using overlay or stack mode (#8851)
- ⧉ Add stackThreshold property to master-detail-layout (#8828)
- ⧉ Add containment mode to master-detail-layout (#8826)
- ⧉ Add forceOverlay property to master-detail-layout (#8824)
- ⧉ Add vertical orientation support to master-detail-layout (#8821)
- ⧉ Add min-size properties and overlay mode to master-detail-layout (#8789)
- ⧉ Add masterSize and detailSize properties to master-detail-layout (#8788)
- ⧉ Initialize master-detail-layout package (#8767)
menu-bar
- ⧉ Support partial i18n in menu bar (#8836)
message-input
- ⧉ Support partial i18n in message input (#8837)
message-list
- ⧉ Add message-list announceMessages API (#9252) (#9270)
- ⧉ Message-list markdown support (#9080)
rich-text-editor
- ⧉ Support partial i18n in rich text editor (#8838)
side-nav
- ⧉ Support partial i18n in side nav (#8839)
upload
- ⧉ Support partial i18n in upload (#8910)
