30 KiB
title, description, layout
| title | description | layout |
|---|---|---|
| Changelog | Changes to each version of the project are documented here. | page-outline |
Last updated:
Web Awesome follows Semantic Versioning. Breaking changes in components with the Stable badge will not be accepted until the next major version. As such, all contributions must consider the project's roadmap and take this into consideration. Features that are deemed no longer necessary will be deprecated but not removed.
Components with the Experimental badge should not be used in production. They are made available as release candidates for development and testing purposes. As such, changes to experimental components will not be subject to semantic versioning.
Next
- Added the Kazakh translation [pr:1496]
- Added docs for code completion for VS Code and JetBrains [pr:1550]
- Added back the missing
form-control-labelpart to<wa-textarea>for consistency with other form controls [pr:1533] - Fixed a bug in
<wa-button>where slotted badges weren't properly positioned in buttons with anhref[issue:1377] - Fixed focus outline styles in
<wa-details>and native<details>[issue:1456] - Fixed focus outline styles in
<wa-scroller>,<wa-dialog>, and<wa-drawer>[issue:1484] - Fixed a bug in
<wa-checkbox>where its value would revert to""when checked / unchecked [pr:1547] - Fixed a bug that caused icon button labels to not render in frameworks [issue:1542]
- Fixed a bug in
<wa-details>that caused thenameproperty not to reflect [pr:1538] - Fixed a bug in
<wa-dialog>and<wa-drawer>that prevented focus from being set on the dialog/drawer when opened [issue:1302] - Fixed an overflow style that was causing tab group content to be unnecessarily truncated [issue:1401]
- Fixed a bug in
<wa-icon>that caused icon buttons to render when non-text nodes were slotted in [issue:1475]
3.0.0-beta.6
- Fixed a bug in
<wa-dropdown>that closed the dropdown event when preventingwa-select[issue:1432] - Pin
@ctrl/tinycolorto4.1.0due to malware in4.1.1and4.1.2. https://socket.dev/npm/package/@ctrl/tinycolor/overview/4.1.1
3.0.0-beta.5
Bug Fixes and Improvements {data-no-outline}
- 🚨 BREAKING: Updated
<wa-icon>to use Font Awesome 7 [pr:1222]- Added the
auto-widthattribute to automatically size icons, since FA7 is fixed-width by default now - Changed the default width of icons to
1.25emto match FA7's fixed-width proportions - Improved support for duotone icons in
<wa-icon>, including custom colors, custom opacity, and opacity swapping - Removed the
fixed-widthattribute as it's now the default behavior
- Added the
- 🚨 BREAKING: Renamed the
icon-positionattribute toicon-placementin<wa-details>[discuss:1340] - 🚨 BREAKING: Removed the
sizeattribute from<wa-button-group>as it only set the initial size and gets out of sync when buttons are updated (apply asizeto each button instead) - Added the
<wa-intersection-observer>component - Added the Hindi translation [pr:1307]
- Added
--show-durationand--hide-durationto<wa-select>[issue:1281] - Fixed incorrectly named exported tooltip parts in
<wa-slider>[pr:1277] - Fixed a bug in
<wa-dropdown>that caused menus to overflow the viewport instead of resizing [issue:1267] - Fixed a bug in
<wa-dropdown>that prevented keyboard selection of items when nested in shadow roots [issue:1270] - Fixed a bug in
<wa-dropdown>that prevented items passed in from slots from being detected [issue:1271] - Fixed a bug in JSX typings that prevented the types file from being exported [pr:1295]
- Fixed a bug in JSX typings that generated the incorrect component imports [issue:1303]
- Fixed a bug in
<wa-slider>that prevented the thumb from receiving focus when clicking/tapping [issue:1312] - Fixed a bug in
<wa-scroller>that caused the shadow to appear below relatively-positioned elements [issue:1326] - Fixed a bug in
<wa-details>that caused it to expand/collapse when clicking on interactive elements in the summary [issue:1252] - Fixed
<wa-button>to havestaticpositioning by default andrelativepositioning only when used with<wa-badge>[pr:1346] - Fixed spacing in
<wa-input>when both clear and password toggle icons are present [issue:1325] - Fixed a bug in
<wa-radio-group>and<wa-radio>where changing appearances dynamically would render incorrectly [issue:1178] - Fixed a bug in
<wa-input>that prevented the value from changing when assigning non-string values tovalue[issue:1323] - Fixed a bug in
<wa-color-picker>that prevent the picker from staying in the viewport - Fixed a bug that in
<wa-icon>that causedlibrary,family,variantandnameto not reflect [pr:#1395] - Fixed a bug in
<wa-format-date>and<wa-relative-time>that caused spaces to appear before and after the output [#1417] - Added horizontal orientation support with
orientation="horizontal"for<wa-card>
3.0.0-beta.4
New Features {data-no-outline}
- Added the
icon-positionattribute to<wa-details>[discuss:1099] - Added the
animatingcustom state to<wa-details>[pr:1214] - Added
--wa-tooltip-border-color,--wa-tooltip-border-style, and--wa-tooltip-border-widthtokens [issue:1224] - Added the
without-arrowattribute to<wa-popover>and<wa-tooltip>to hide arrows without artifacts - Added JSX types for use with React and others [pr:1256]
- Added
<input type="file">to native styles [pr:1279]
Bug Fixes and Improvements {data-no-outline}
- Fixed a bug in
<wa-details>that caused the content to overflow the container when animating [issue:1149] - Fixed a bug in
<wa-dialog>and<wa-drawer>that prevented the header from showing when the label was missing [issue:1209] - Fixed a missing dependency required for React wrappers
- Fixed missing
:hoverand:activestyles on native buttons without an appearance modifier class
3.0.0-beta.3
New Features {data-no-outline}
- Added
--track-heightcustom property to<wa-progress-bar>[pr:1154] - Added
--pulse-colorcustom property to<wa-badge>[pr:1173]
Bug Fixes and Improvements {data-no-outline}
- Fixed a bug in
<wa-badge>whereappearance="pulse"was not working as expected [pr:1173] - Fixed a missing TypeScript type for
<wa-badge>for itsattentionproperty missingbouncevalue. [pr:1173] - Fixed the missing
nanoiddependency inpackage.json[discuss:1139] - Fixed a bug in
<wa-slider>that prevented the hint from showing up [discuss:1172] - Fixed a bug in
<wa-textarea>where settingresize="auto"caused the height of the textarea to double [issue:1155] - Fixed a bug in
<wa-color-picker>,<wa-checkbox>,<wa-input>,<wa-radio-group>,<wa-switch>, and<wa-textarea>that prevented screen readers from announcing hints [issue:1186] - Fixed a bug in
<wa-card>that caused slotted media to have incorrectly rounded corners [issue:1107] - Fixed a bug in
<wa-button-group>that prevented pill buttons from rendering corners properly [issue:1165] - Fixed a bug in
<wa-button-group>that caused some vertical groups to appear horizontal [issue:1152] - Improved accessibility of
<wa-animated-image>so keyboard users can focus and toggle the animation [issue:1177]
3.0.0-beta.2
New Features {data-no-outline}
- Added
.wa-hover-rowsto native styles to opt-in to highlighting table rows on hover.
Bug Fixes and Improvements {data-no-outline}
- Fixed a bug in
<wa-select>with options that had blank string values. [pr:1136] - Added
.wa-hover-rowsto native styles to opt-in to highlighting table rows on hover [pr:1111] - Added missing changelog entries for beta.1 [pr:1117]
- Fixed a bug in
<wa-dropdown>that prevented the menu from flipping/shifting to keep the menu in the viewport [pr:1122] - Fixed the themes page so it shows the correct palette and imports [pr:1125]
- Fixed
filledandoutlinedappearance styles in various components [issue:1102] - Fixed active state styles in the Awesome theme [pr:1129]
- Fixed native text styles when applied to certain backgrounds [pr:https://github.com/shoelace-style/webawesome/pull/1130]
- Improved the organization of essential and optional styles [pr:1113]
3.0.0-beta.1
We're excited to share the first beta release of Web Awesome, which includes some breaking changes that make the library significantly more intuitive and consistent!
The list looks extensive, but that's because we've tried to be thorough in documenting every change. We expect most users will only encounter a few of these during their upgrade. The majority are simple attribute renames (like clearable becoming with-clear) and component simplifications that actually reduce the amount of code you need to write.
If you're a Web Awesome alpha user, please read through these release notes carefully!
Many of these changes and improvements were the direct result of feedback from users like you! These changes represent our commitment to getting the fundamentals right as we move from alpha into a more stable beta release.
🚨 Breaking Changes {data-no-outline}
inputandchangeevents on form controls like<wa-input>now are always set tobubbleandcompose.- Greatly simplified how native styles work and removed redundant utilities
- Removed
.wa-button,.wa-calloutclasses - Removed
themes/native/*.cssfiles; usenative.cssto opt into native styles - Clarified which utilities classes can be applied to which native elements
- Removed
- Renamed the
classictheme toshoelace - Removed
:rootselector from all theme, color palette, and semantic color stylesheets except for the default theme and colors. All of these styles are now solely scoped to classes, such as.wa-theme-awesome,.wa-palette-bright, and.wa-brand-orange. - Removed most custom properties from components that can otherwise be styled with
::part()selectors and standard CSS properties. <wa-dropdown>was reworked and simplified to not use menu, menu item, menu label; use<wa-dropdown-item>instead- Renamed
pulseattribute in<wa-badge>toattention="pulse"and addedattention="bounce"[issue:940] - Renamed the
verticalattribute toorientation="vertical"in<wa-split-panel>and<wa-divider>to align with other components and the platform [issue:674] - Renamed certain boolean attributes to be consistent using the
with-*andwithout-*pattern:<wa-button caret>=><wa-button with-caret><wa-color-picker no-format-toggle>=><wa-color-picker without-format-toggle><wa-format-number no-grouping>=><wa-format-number without-grouping><wa-input no-spin-buttons>=><wa-input without-spin-buttons><wa-input clearable>=><wa-input with-clear><wa-select clearable>=><wa-select with-clear><wa-tab-group no-scroll-controls>=><wa-tab-group without-scroll-controls><wa-tag removable>=><wa-tag with-remove>
- Renamed all
prefixandsuffixslots tostartandend, affecting the following components:<wa-breadcrumb-item><wa-button><wa-input><wa-select><wa-option>
- Removed the extra dash in the
<wa-carousel>CSS part namepagination-item--active=>pagination-item-active - Renamed the
eye-dropper-*parts toeyedropperin<wa-color-picker> - removed the
sizeattribute from<wa-card>; please set the size of child elements on the children directly - Greatly simplified the sizing strategy across components and utilities
- Removed
--wa-size,--wa-size-smaller,--wa-size-larger,--wa-space,--wa-space-smaller, and--wa-space-larger - Added tokens for
--wa-form-control-padding-inline,--wa-form-control-padding-block, and--wa-form-control-toggle-size - Refactored default
--wa-font-size-*values to use an apparent 1.125 ratio and round rendered values to the nearest whole pixel - Added convenience tokens for
--wa-font-size-smallerand--wa-font-size-larger - Updated components to use relative
emvalues for internal padding and margin wherever appropriate
- Removed
- Removed the
hintproperty and slot from<wa-radio>; please apply hints directly to<wa-radio-group>instead - Redesigned
<wa-slider>with extensive new functionality- Added support for range sliders with dual thumbs using the
rangeattribute - Added vertical orientation support with
orientation="vertical" - Added visual markers at each step with
with-markers - Added contextual reference labels with the
referenceslot - Added tooltips showing current values with
with-tooltip - Added customizable indicator offset with
indicator-offsetattribute - Added value formatting support with the
valueFormatterproperty - Improved the styling API to be consistent and more powerful (no more browser-specific selectors and pseudo elements to style)
- Updated to use consistent
with-*attribute naming pattern
- Added support for range sliders with dual thumbs using the
- Reworked
<wa-select>to use<wa-option selected>to set initially selected options, removing the "no spaces allowed" restrictions for option values
New Features {data-no-outline}
- Added a new free component:
<wa-popover>(#2 of 14 per stretch goals) - Added a new free component:
<wa-zoomable-frame>(#3 of 14 per stretch goals) - Added a
min-block-sizeto<wa-divider orientation="vertical">to ensure the divider is visible regardless of container height - Added support for
namein<wa-details>for exclusively opening one in a group - Added
--wa-content-spacingto themes to set default spacing between HTML elements in Native Styles - Added
--checked-icon-scaleto<wa-checkbox> - Added
--tag-max-sizeto<wa-select>when usingmultiple - Added support for
data-dialog="open <id>"to<wa-dialog> - Added support for
data-drawer="open <id>"to<wa-drawer> - Added
@media (hover: hover)to component hover styles to prevent sticky hover states - Added the ability to use
<wa-radio-group disabled>to disable all radios in the group
Bug Fixes and Improvements {data-no-outline}
- Fixed a bug in
<wa-radio-group>that caused radios to uncheck when assigning a numeric value - Fixed
<wa-button-group>so dividers properly show between buttons - Fixed the tooltip position in
<wa-slider>when using RTL - Fixed a bug in
<wa-details>and native<details>styles that made the summary hard to click - Fixed a handful of bugs unify form control height across components and native elements
- Fixed a bug where
inputevents from components weren't bubbling - Improved CSS utilities and Native Styles to use CSS layers for easier end user customization (no more specificity conflicts — your CSS wins!)
- Improved native
<button>styles to properly space icons - Improved button appearances in
<wa-color-picker> - Improved
<wa-rating>to have more accessible icons by default
Removals {data-no-outline}
- Removed the experimental
<wa-code-demo>component <wa-menu>,<wa-menu-item>,<wa-menu-label>were dropped; use<wa-dropdown-item>instead<wa-icon-button>was removed; icon buttons can be added via<wa-button>now<wa-radio-button>was dropped; use<wa-radio appearance="button">instead
Alpha Changelogs
3.0.0-alpha.13
- 🚨 BREAKING: Renamed
<image-comparer>to<wa-comparison>and improved compatibility for non-image content - 🚨 BREAKING: Added slot detection to
<wa-dialog>and<wa-drawer>so you don't need to specifywith-headerandwith-footer; headers are on by default now, but you can use thewithout-headerattribute to turn them off - 🚨 BREAKING: Renamed the
imageslot tomediafor a more appropriate naming convention - Added a theme builder to create your own themes
- Added a new Blog & News pattern category
- Added a new free component:
<wa-scroller>(#1 of 14 per stretch goals) - Added support for Duotone Thin, Light, and Regular styles and the Sharp Duotone family of styles to
<wa-icon> - Added a default
gapto<wa-tag>for better default spacing when used with icons - Fixed a bug that caused
<wa-radio-group>to have an undesired margin below it - Fixed a bug in the Matter theme that prevented clicks on form control labels to not focus the control
- Fixed a bug in
<wa-select>that caused incorrect spacing of icons - Fixed a bug in
<wa-select>that caused the listbox to now show after being disabled - Fixed a bug in
<wa-radio-group>that prevented radio buttons from validating - Improved native radio alignment
- Improved the
.wa-cloakutility class so all FOUCE-related solutions are 100% opt-in
3.0.0-alpha.12
Enhancements {data-no-outline}
- Added
appearanceto<wa-details>and<wa-card>and support for the appearance utilities in the<details>native styles. - Added an
orangescale to all color palettes - Added the
.wa-cloakutility to prevent FOUCE - Added the
allDefined()utility for awaiting component registration - Simplified
<wa-breadcrumb-item>by removing thebaseCSS part - Simplified
<wa-menu-item>and<wa-menu-label>by removing thebaseCSS part - Added slots to
checked-iconandsubmenu-iconin<wa-menu-item>so custom icons can be used
Bug fixes {data-no-outline}
- Specifying inherited CSS properties on
<wa-tooltip>now works as expected - Fixed a bug in
<wa-select>that made it hard to use with VueJS, Svelte, and many other frameworks - Fixed a bug in
<wa-select multiple>that sometimes resulted in empty<div>elements being output - Fixed a bug where changing a
<wa-option>label wouldn't update the display label in<wa-select> - Added default spacing to icons slotted into
<wa-tab> - Lots of fixes around pill-shaped elements:
- Fixed the
wa-pillclass for text fields - Fixed
pillstyle for<wa-input>and<wa-radio-button>elements
- Fixed the
- Fixed a bug in
<wa-radio-button>that prevented active buttons from receiving the correct styles - Fixed a bug in
<wa-button>that prevented the focus ring from showing in Safari - Fixed alignment of
<wa-dropdown>inside button groups - Removed close watcher logic to backdrop hide animation bugs in
<wa-dialog>and<wa-drawer>; this logic is already handled and we'll revisitCloseWatcherwhen browser support is better and behaviors are consistent - Revert
<wa-dialog>structure and CSS to fix clipped content in dialogs (WA-A #123) and light dismiss in iOS Safari (WA-A #201) - Fixed a bug in
<wa-color-picker>that prevented light dismiss from working when clicking immediately above the color picker dropdown - Fixed a bug in
<wa-progress>that prevented Safari from animation progress changes - Fixed the missing indeterminate icon in native checkbox styles
- Fixed a bug in
<wa-radio>where elements would stack instead of display inline - Docs fixes:
- Fixed the search dialog's styles so it doesn't jump around as you search
- Theme cards now have icons
3.0.0-alpha.11
Color Palettes {data-no-outline}
- Color palette tweaking UI. Tweak hue, grays, overall colorfulness, save or share the results.
- Added a
pinkscale to all color palettes - Tweaked hues of all color palettes to make them more distinct and make their hues more intentional
- Dropped
violetandteal, instead usingpurpleandcyan(this is not just a renaming, the colors have been adjusted too). - Fixed a bug in
<wa-switch>that caused tooltips to work incorrectly when toggling the switch
Design Tokens {data-no-outline}
- Added
--wa-color-[hue]tokens with the "core" color of each scale, regardless of which tint it lives on. You can find them in the first column of each color palette.
Themes {data-no-outline}
- Improved UI for theme remixing:
- You can now override the brand color of any theme with any of the 9 hues supported.
- Rich previews
- Generated copyable code snippets.
- Permalinks
- Updated Active, Glossy, Playful, and Premium themes so that
--wa-color-brand-fill-louduses the core color of the chosen brand color, regardless of tint.
Components {data-no-outline}
<wa-radio>
- Dropped the
basepart. It can now be styled by directly applying CSS to the element itself. - Added
hintattribute and corresponding slot.
<wa-select>
- Added the
tagpart (and associated exported parts) to<wa-select>to allow targeting the tag that shows when more than the max number of visible items have been selected - Fixed a bug that prevented the placeholder color from being customized with the
--wa-form-control-placeholder-colortoken - Fixed an incorrect CSS value in the expand icon
- Fixed a bug that prevented the description from being read by screen readers
<wa-option>
labelattribute to override the generated label (useful for rich content)defaultLabelproperty- Dropped
getTextLabel()method (if you need dynamic labels, just set thelabelattribute dynamically) - Dropped
basepart for easier styling. CSS can now be applied directly to the element itself.
<wa-menu-item>
labelattribute to override the generated label (useful for rich content)defaultLabelproperty- Dropped
getTextLabel()method (if you need dynamic labels, just set thelabelattribute dynamically)
<wa-card>
- Fixed a bug where child elements did not have correct rounding when headers and footers were absent.
- Re-introduced
--border-colorso that the card itself can have a different border color than its inner borders. - Fixed a bug that prevented slots from showing automatically without
with-attributes
<wa-tab>
- Fixed a bug that caused
document.createElement('wa-tab')to fail (which also meant it could not be used in VueJS and other frameworks)
Docs {data-no-outline}
- Added an orientation example to the native radio docs
- Fixed a number of broken event listeners throughout the docs
3.0.0-alpha.10
- 🚨 BREAKING: updated all components to use native events instead of
wa-prefixed events. This will allow components to work more like native elements in your code, frameworks, third-party plugins, etc. To update your code, simply remove the prefix from your event listeners for the following events.wa-input=>inputwa-change=>changewa-blur=>blur(this event will no longer bubble, usefocusoutfor a bubbling version)wa-focus=>focus(this event will no longer bubble, usefocusinfor a bubbling version)
- Added
.wa-calloututility class - Added the
orientationattribute to<wa-radio-group>to support vertical and horizontal radio items - Added docs for visual tests
- Added docs on how to cherry-pick native styles
- Changed the behavior of the
variantandsizeattributes so that nested components that support these attributes but do not have them set inherit the values set on their ancestors. Additionally:- Added
sizeattribute to<wa-dropdown>,<wa-button-group>,<wa-menu>,<wa-rating>,<wa-card> - Added
variantattribute to<wa-button-group>
- Added
- Fixed a bug in
<wa-tab-group>that prevented nested tab groups from working properly - Fixed slot names for
show-password-iconandhide-password-iconin<wa-input>to more intuitively represent their functions - Fixed a bug in
<wa-textarea>that caused empty controls to submit a value if the initial value was deleted a certain way - Fixed a bug in
<input>,<textarea>, and<select>styles that prevented full-width controls from using 100% width when wrapped in a<label> - Fixed a bug in
<select>styles that caused the caret to block interactions and prevented the caret from rendering unless wrapped in a<label> - Fixed a bug in
<wa-checkbox>that caused hints to render inline with the label
3.0.0-alpha.9
- Added new themes:
- Glossy
- Matter
- Premium
- Playful
- Added docs on themes and palettes
- Separated colors and typography out from themes so they can be used independently
- Added test suite to ensure all color palettes provide the color contrast they are supposed to
- Added
.wa-invertutility class to invert the current color scheme - Added
:state(blank)to<wa-input>,<wa-textarea>, and<wa-select>to style form inputs differently when empty.
3.0.0-alpha.8
- Simplified the internal structure and CSS properties of
<wa-card>, removedbasepart. - Added
appearanceto<wa-callout>and<wa-tag> - Fixed a bug in
<wa-switch>where it would not properly change its "checked" state when its property changed. - Fixed a bug in
<wa-switch>where the value would be incorrectly submitted as "on" when a value is provided and the switch is checked - Fixed a bug in the
wa-splitCSS utility that caused it to behave incorrectly - Improved performance of
<wa-select>when using a large number of options - Updated the Japanese translation
Theming {data-no-outline}
- Added new themes:
- Awesome
- Active
- Brutalist
- Mellow
- Tailspin
- Renamed
--wa-form-control-resting-colorto--wa-form-control-border-colorfor familiarity and accuracy - Removed size-based
--wa-form-control-height-*tokens in favor of--wa-form-control-height(see size utilities) - Updated the
--wa-border-width-*and--wa-border-radius-*scale for better DX- Changed the value of
--wa-border-width-scaleto1and updated calculations of size-based--wa-border-width-*tokens - Changed the value of
--wa-border-radius-scaleto1and updated calculations of size-based--wa-border-radius-*tokens - Removed unused
--wa-border-radius-xstoken andwa-border-radius-xsutility class - Decreased the size of the scale so that
--wa-border-radius-sis now the smallest border radius token, matching the value of the previous--wa-border-radius-xstoken
- Changed the value of
- Updated the
--wa-shadow-*scales for better DX- Changed the value of
--wa-shadow-offset-y-scaleto1and updated calculations of size-based--wa-shadow-offset-y-*tokens - Changed the value of
--wa-shadow-blur-scaleto1and updated calculations of size-based--wa-shadow-blur-*tokens - Changed the value of
--wa-shadow-spread-scaleto-0.5and updated calculations of size-based--wa-shadow-spread-*tokens - Updated calculations of size-based
--wa-shadow-offset-x-*tokens to match calculations used for other shadow qualities (--wa-shadow-offset-x-scaleremains0) - Removed unused
--wa-shadow-xstoken
- Changed the value of
3.0.0-alpha.7
- Renamed applied.css to webawesome.css
3.0.0-alpha.6
Native styles {data-no-outline}
- Added native styles for buttons, input fields, dialogs, details, tables, lists, and most content elements.
Style utilities {data-no-outline}
- Added color variant utilities
- Added appearance utilities
- Added size utilities
- Added layout utilities
- Added
.wa-visually hiddenutility - Added
<wa-page>native styles and utilities
Components {data-no-outline}
- Removed
<wa-visually-hidden>in favor of the utility class <wa-page>:mobile-breakpointnow takes any CSS length, not just pixels- Added
checkedanddisabledcustom states to<wa-checkbox>and<wa-radio> - Added
disabled,expanded,indeterminate, andselectedcustom states to<wa-tree-item> - Renamed the
navigation-button--previousandnavigation-button--nextparts tonavigation-button-previousandnavigation-button-nextin<wa-carousel> - Renamed the
scroll-button--startandscroll-button--endparts toscroll-button-startandscroll-button-endin<wa-tab-group> - Removed stateful CSS parts in favor of custom states
<wa-checkbox>:control--checked,control--indeterminate<wa-radio>:control--checked<wa-tree-item>:item--disabled,item--expanded,item--indeterminate,item--selected
3.0.0-alpha.5
- Added the Finnish translation
- Added the Italian translation
- Added the Ukrainian translation
- Added support for Enter to
<wa-split-panel>to align with ARIA APG's window splitter pattern - Added more resilient support for lazy loaded options in
<wa-select> - Added support for vertical button groups
- Added the
focus()method to<wa-radio-group> - Fixed a bug in
<wa-dialog>with scroll locking shifting viewports. - Fixed a bug in
<wa-dialog>when using.show() - Fixed a bug in
<wa-rating>when usingprecision - Fixed a bug in
<wa-rating>that allowed tabbing into the rating when readonly - Fixed a bug in
<wa-relative-time>where the title attribute would show with redundant info - Fixed a bug in
<wa-select>that caused the placeholder to display incorrectly when using placeholder and multiple - Fixed a bug in
<wa-tooltip>that caused a memory leak in disconnected elements - Fixed a bug in
<wa-select>that prevented label changes in<wa-option>from updating the controller - Fixed a bug in
<wa-carousel>that caused interactive elements to be activated when dragging - Fixed a bug in
<wa-tab-group>that prevented changing tabs by settingactiveon<wa-tab>elements - Fixed a bug in
<wa-tab-group>that caused an error when removed from the DOM too quickly - Fixed a bug in
<wa-textarea>causing scroll jumping when usingresize="auto" - Fixed a bug with certain bundlers when using dynamic imports
- Improved alignment of the play icon in
<wa-animated-image> - Improved behavior of link buttons to not set
noreferrer noopenerby default - Updated all checks for directionality to use
this.localize.dir()instead ofel.matches(:dir(rtl))so older browsers don't error out
Did we miss something? Let us know!