Skip to content

material 3.2.3

Choose a tag to compare

View all tags
@github-actions github-actions released this 20 Oct 14:38
· 13 commits to main since this release
v3.2.3
cc59b41
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Elements hold their baseline at upgrade.

Fixes

  • <m-tabs> keeps its reserved baseline at upgrade (#108).
    In a baseline-aligned row beside a switch and a text field, upgrading
    <m-tabs> moved it down 12.90625px and moved its neighbors up 6.5px: the
    empty pre-upgrade block synthesized a baseline at its bottom edge while the
    upgraded block exported a different baseline from its first rendered tab,
    though both boxes were already 48px tall. The tabs host now carries
    contain: layout, so it keeps synthesizing its baseline from its own box;
    paint overflow remains visible. Measured over 40 strict browser cases
    (LTR/RTL, the default page typography and four overrides, text and icon
    tabs, tabs-only and shared upgrades): the host shifts 0.00px and every
    neighbor moves 0.00px, with the 48px and 64px heights held.

  • <m-radios> reserves the upgraded baseline before upgrade (#109).
    Beside a switch and a text field in a baseline-aligned row, <m-radios>
    moved up 5px when the elements were defined: pre-upgrade the host exposed
    the first row's label-text baseline, 29px down its box, and after upgrade
    the first row's control baseline, 34px down. The undefined host is now the
    column it becomes after upgrade, and its first item is a zero-width strut
    ending on the circle's bottom edge (height: 34px; margin-block-end: -34px),
    so the row holds the host in place with no horizontal change. The strut
    follows an actual option — :has(> m-radio) — so an empty group, compact or
    indented, reserves nothing and its neighbors do not move. Measured at the
    default page typography and 12px/1, 12px/2, 24px/1 and 24px/2: the host
    moves 0.00px and the row keeps its 144px height.

Internal

  • The upgrade holds cost a few bytes and no ceiling moved. Layout
    containment on the tabs host leaves the tab row at 13,642 bytes gzipped
    against its unchanged ceiling; the radios guard adds 42 bytes across the
    three pre-upgrade assets and 520 bytes unpacked with its packed source.

npm: material@3.2.3 · Docs: md3.io · Full history: CHANGELOG.md

The history before 3.0.0 was developed in floor/mtrl; #numbers in commit subjects before 3.0.0 refer to pull requests there.

Assets 2
Loading