Skip to content

material 3.0.6

Choose a tag to compare

View all tags
@github-actions github-actions released this 16 Oct 15:01
· 188 commits to main since this release
v3.0.6
197c1c2
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Fixed

  • An extended FAB in a collapsed navigation rail's header shrinks to its icon button instead of
    being clipped (#93).
    A collapsed rail is 96 px wide, but an extended FAB placed in its header kept its expanded
    width — padding, gap and a label up to 280 px — so the rail's edge cut it off and the label
    read "Ad…". This held for a FAB built by the factory as well as for an <m-extended-fab>
    element slotted into the header, because the element draws its button inside its own shadow
    root. The rail's header now hands the collapsed state down as an inherited CSS custom property
    that the extended FAB reads, so the button drops its padding, gap and label, stays at its size's
    height, and fits inside the rail in both text directions. Expanding the rail restores the full
    FAB. The FAB keeps compacting when its element is upgraded, replaced or rebuilt, and it fires
    no new events; a FAB method you call yourself keeps the events it had. A standalone extended FAB
    with the --collapsed modifier draws the same compact button.

npm: material@3.0.6 · 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