Skip to content

bug(mat-toolbar): mat-toolbar styles for elements like h1, h2, ... are not taking precedence over mat-typography #26261

@daviian

Description

@daviian

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

When a header tag is used within mat-toolbar the stylings from the theme do not take precedence.
The default styles from mat-typography are still used. Therefore the margin is not reset to 0 and the font-size also differs.

image

Reproduction

https://stackblitz.com/edit/components-issue-t1dkvg

Steps to reproduce:

  1. Apply mat-typography class to body
  2. Add h1 tag with text to mat-toolbar

Expected Behavior

Specific styles from mat-toolbar for these elements should take precedence. e.g. margin should be 0.

Actual Behavior

Default mat-typography styles are used even though mat-toolbar would specify more accurate ones.

Environment

  • Angular: 15.0.2
  • CDK/Material: 15.0.2
  • Browser(s): Edge
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/toolbargood first issueLabel noting a good first issue to be worked on by a community member

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions