Skip to content

Releases: material-components/material-web

v2.4.0

21 Aug 17:27
Compare
Choose a tag to compare

2.4.0 (2025-08-21)

Features

  • button: add disabled link support (c3c4848)
  • button: add gradient support to container colors (5bc1506)
  • catalog: hide body if dsd-pending (bf89645)
  • select: add showPicker() functionality (8808a25)

Bug Fixes

  • catalog: hydrate CSR component pages (0037c14)
  • menu: output menu item theme values (ca5f750)
  • radio: stack overflow error when rendering many radios (688ab3c)
  • ripple: misaligned when using CSS zoom (3072a9b)
  • ripple: remove pointerdown contextmenu bounds check for Chrome (cd7512f)

v2.3.0

27 Mar 00:05
Compare
Choose a tag to compare

2.3.0 (2025-03-26)

Features

  • button: add download filename support for link buttons (4098832)
  • button: rename attribute downloadFilename to download (8aefe19)
  • chip: add download attribute to assist chip (902a84f)
  • icon-button: add download attribute (9e84130)
  • menu: add menu padding tokens (767d1f1)
  • text-field: add showPicker method (bad490c)

Bug Fixes

  • catalog: add hyphen to md-evelated-button attribute (ac9b14a)
  • iconbutton: href will respond to touch target (ea1134a)
  • labs: add mixinCustomStateSet() for :state() compatibility (045fe94)
  • listitem: click() from listItemRoot (1c60e56)
  • menu: export CloseReason (29d6763)
  • select: missing accessible label (1bdcbd3)

v2.2.0

17 Sep 18:47
Compare
Choose a tag to compare

2.2.0 (2024-09-17)

Features

  • field,textfield: add container slot for custom background content (44c13cd)

Bug Fixes

  • checkbox: add override to symbol properties (a9ee4f5)
  • remove the input entirely and replace it with a touch target (cf84a27)
  • remove unnecessary css variable prefixes (5044e6e)
  • Replace aria-hidden attribute with inert attribute in <md-radio> component (192f17e)
  • Set touch target to display: none (a696121)

v2.1.0

21 Aug 20:31
Compare
Choose a tag to compare

2.1.0 (2024-08-20)

Features

  • switch: add touch target token (b8f362a)
  • textfield,field: add leading/trailing icon spacing tokens (c1991c4)

Bug Fixes

  • changed checkmark to check in md-icon selected slot (2e2817b)

v2.0.0

25 Jul 19:57
Compare
Choose a tag to compare

2.0.0 (2024-07-23)

⚠ BREAKING CHANGES

  • tokens: Sass component tokens, such as tokens.md-comp-checkbox-values(), return var(--md-<component>, <value>) instead of just the CSS value. Use $exclude-custom-properties: true to remove them.
  • querySelector for [role] and [aria-*] attributes may no longer work. See @material/web/migrations/v2/README.md and @material/web/migrations/v2/query-selector-aria.ts.

Features

  • button: add soft-disabled attribute for focusable disabled buttons (48124ba)
  • check for server before creating treewalker from document (0d50ed9)
  • chips: add label slot (7ec70c4)
  • chips: add new soft-disabled attribute for focusable disabled chips (750b886)
  • iconbutton: add soft-disabled attribute for focusable disabled icon buttons (281c092)

Bug Fixes

  • add typecast (1482bff)
  • aria-labels announcing twice with "group" on components (5df9410)
  • chips: add truncation support (713f0a8)
  • tokens: tokens.md-comp-*-values() include custom properties by default (55b4650)

v1.5.1

25 Jun 21:44
Compare
Choose a tag to compare

1.5.1 (2024-06-25)

Bug Fixes

  • checkbox: sass theme mixin not working (46d66ed), closes #5651
  • dialog: have content expand to fill height (17aa21a)
  • menu: resolve aborted animations as false rather than reject (4f7ff4f), closes #5638
  • switch: pressing enter toggles the switch (99ec9e2)

v1.5.0

23 May 20:59
Compare
Choose a tag to compare

1.5.0 (2024-05-23)

Features

  • menu: allow customizing scrollbar-width (1bf8b5f)
  • select: make required asterisk optional (8f194a5)
  • textfield: make required asterisk optional (be5bb43)

Bug Fixes

  • button: add part attribute to button (a2b5c91)
  • dialog: focus is trapped for a11y, use no-focus-trap to disable (0aea436)
  • docs: progress.webp not playing (2f0c99a), closes #5569
  • menu: getBoundingClientRect() and getClientRects() not working (e1f9cbc)

v1.4.1

15 Apr 22:26
Compare
Choose a tag to compare

1.4.1 (2024-04-15)

Bug Fixes

  • dialog: update info comment with autocomplete -> autofocus (fc4c999)
  • select: select.click() opens the menu (7a6cf16)

v1.4.0

21 Mar 20:45
Compare
Choose a tag to compare

1.4.0 (2024-03-21)

Features

  • menu: add no-navigation-wrap to fix select accessibility (c6ffd70)
  • typography: add @material/web/typography/md-typescale classes (36dd77e)

Bug Fixes

  • button,fab,chips,labs: text-transform inherits through shadow root (758e615)
  • elevation: expose md-elevation ::part in all components (b74e3dd)
  • elevation: limit elevation transition to box-shadow and opacity (34c0a67)
  • publish .css files for [@import](https://github.com/import)-ing (cde649c)
  • rename internal &lt;styles&gt;.css.js to <styles>.css (c35bad0)
  • switch: reflect selected state in input event (8d201e0)
  • tabs: default scroll-behavior: smooth not working (274ce3e), closes #5497
  • textfield: no longer inherits text-align from parents (668f0ee), closes #5509
  • typography: rename md-typescale.js to md-typescale-styles.js (1e47fd7)
  • use explicit CSSResult[] types for static styles (ce41b7b)

v1.3.0

22 Feb 22:02
Compare
Choose a tag to compare

1.3.0 (2024-02-22)

Features

  • add --md-sys-shape-* tokens for all components (41bac9e)
  • tabs: expose activeTabIndex (4bce86d), closes #5297
  • tokens: add component custom properties to Sass values (feff721)

Bug Fixes

  • icon: fix uncentered icons when using WCAG text spacing overrides (b23e321)
  • labs: hasConstructed and constructor deprecated, changing tabIndex update in connectedCallback (fb086bb)
  • labs: removing hasConstructed and setting privateIsConstructed to handle setting tabIndex (ea518d0)
  • labs: update tabIndex once the element is connected to the DOM (a6b8c09)
  • menu: left arrow in submenu closes submenu in closure (2049323)
  • remove :host-context rtl selectors (f2ff867)