v24.1.0-alpha1

API Documentation →

Changes Since v24.0.0-beta1

💥　Behavior Altering Changes

• a11y-base,field-base
  • ⧉ Move FieldAriaController to a11y-base, test with Lit (#5630)
• date-time-picker,input-container,vaadin-lumo-styles
  • ⧉ Rename CSS property for input-field border radius (#5600)

🚀　New Features

• a11y-base
  • ⧉ Add AriaModalController to handle modal dialogs behavior (#5611)
  • ⧉ Add logic to handle aria-hidden and inert to a11y-base (#5598)
• a11y-base,avatar-group,field-highlighter,multi-select-combo-box,upload
  • ⧉ Extract announce helper to the new a11y-base package (#5591)
• date-picker
  • ⧉ Set aria-hidden on other elements on overlay opening (#5627)

🐛　Bug Fixes

• a11y-base
  • ⧉ Improve aria-hidden error handling, add missing tests (#5612)
• app-layout
  • ⧉ Use registerStyles for vaadin-drawer-toggle core styles (#5584)
• combo-box
  • ⧉ Allow propagating enter key event after selecting value (#5477)
• component-base
  • ⧉ Prevent infinite loop when measuring virtualizer item height (#5433)
• context-menu
  • ⧉ Do not check for extending Item when setting ARIA attribute (#5507)
• field-base
  • ⧉ Reset _hasInputValue on programmatic value clear (#5599)
• grid
  • ⧉ Make grid with all rows vIsible respect max height (#5429)
• menu-bar
  • ⧉ Reset item attributes when teleporting from the sub-menu (#5610)
• menu-bar,multi-select-combo-box,text-field,time-picker,upload
  • ⧉ Add missing direct npm dependencies to package.json (#5594)
• menu-bar,multi-select-combo-box,time-picker
  • ⧉ Add missing direct npm dependencies to package.json (#5596)
• select
  • ⧉ Do not link the label element with the value button if no label (#5577)
  • ⧉ Hide Material theme placeholder when covered by label (#5497)

💅　Polish

• a11y-base
  • ⧉ Remove unused imports from AriaModalController (#5631)
• a11y-base,component-base
  • ⧉ Move mixins and controllers to a11y-base package (#5592)
• button
  • ⧉ Fix incorrect exports in the new button base (#5556)
• button,crud
  • ⧉ Extract button template and reusable css literal (#5544)
• checkbox
  • ⧉ Extract checkbox logic to reusable CheckboxMixin (#5563)
  • ⧉ Extract checkbox styles to reusable css literal (#5562)
• combo-box
  • ⧉ Rename internal method used for clearing the value (#5508)
• combo-box,date-picker,field-base
  • ⧉ Move input value getters and setters to InputMixin (#5586)
• combo-box,date-picker,field-base,multi-select-combo-box,time-picker
  • ⧉ Extract clear button related logic to ClearButtonMixin (#5513)
• context-menu
  • ⧉ Extract methods to init list-box and sub-menu (#5570)
  • ⧉ Extract separate method for overlay initialization (#5512)
• context-menu,menu-bar
  • ⧉ Simplify logic, set modeless state using property (#5573)
• email-field
  • ⧉ Extract email-field styles to reusable css literal (#5543)
• field-base
  • ⧉ Rename internal __clear() to _onClearAction() (#5505)
• grid
  • ⧉ Pre-cache intrinsic width for columns before auto-width (#5623)
  • ⧉ Reduce grid updateColumnTree call count (#5384)
• multi-select-combo-box
  • ⧉ Remove no longer needed clear() method override (#5515)
• number-field
  • ⧉ Extract number-field styles to reusable css literal (#5529)
  • ⧉ Extract number-field logic to reusable NumberFieldMixin (#5522)
• progress-bar
  • ⧉ Extract progress-bar styles to reusable css literal (#5557)
• text-area
  • ⧉ Extract text-area styles to reusable css literal (#5523)
  • ⧉ Extract text-area logic to reusable TextAreaMixin (#5521)
• text-field
  • ⧉ Extract text-field logic to reusable TextFieldMixin (#5520)

🚧　Experiments

• button
  • ⧉ Add Lit based version of vaadin-button (#5551)
• checkbox
  • ⧉ Add Lit based version of vaadin-checkbox (#5567)
• email-field
  • ⧉ Add Lit based version of vaadin-email-field (#5549)
• number-field
  • ⧉ Add Lit based version of vaadin-number-field (#5541)
• progress-bar
  • ⧉ Add Lit based version of vaadin-progress-bar (#5558)
• text-area
  • ⧉ Add Lit based version of vaadin-text-area (#5539)
• text-field
  • ⧉ Add Lit based version of vaadin-text-field (#5538)

📝　Documentation

• checkbox
  • ⧉ Improve JSDoc for checkbox stylable parts and states (#5565)

🔬　Tests

• app-layout
  • ⧉ Update keyboard tests to pass in latest Playwright (#5502)
• combo-box
  • ⧉ Move the custom-value-set event tests to a separate file (#5634)
• component-base
  • ⧉ Flush the virtualizer to avoid test flakiness (#5460)
• date-picker
  • ⧉ Move the change event unit tests to a separate file (#5632)
  • ⧉ Update date-picker unit tests to wait for overlay open (#5620)
  • ⧉ Rename datepicker to datePicker for consistency (#5614)
• date-time-picker
  • ⧉ Add test for setting slotted picker i18n before attach (#5621)
• dialog
  • ⧉ Update dialog tests to not use templates (#5484)
• dialog,grid-pro,grid,notification,virtual-list
  • ⧉ Move template tests to integration (#5492)
• email-field
  • ⧉ Update email-field tests to allow async updates (#5537)
• field-base
  • ⧉ Ensure _hasInputValue is reset on clear button interaction (#5609)
  • ⧉ Fix SlotStylesMixin tests in Firefox, add Lit support (#5496)
• grid-pro
  • ⧉ Update grid-pro tests to not use templates (#5491)
• notification
  • ⧉ Update notification tests to not use templates (#5485)
• number-field
  • ⧉ Update number-field tests to allow async updates (#5534)
• text-area
  • ⧉ Update text-area tests to allow async property updates (#5528)
  • ⧉ Update text-area tests to pass in latest Firefox (#5500)
• text-field
  • ⧉ Update text-field tests to allow async property updates (#5524)
• time-picker
  • ⧉ Move the change event unit tests to a separate file (#5635)

🏠　Internal

• All components
  • ⧉ Update README and adjust links to use main branch (#5476)
• Other
  • ⧉ Fix incorrect command in the snapshot tests snippet (#5613)
  • ⧉ Update release notes script to list experiments (#5552)