Skip to content

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

Open
@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 issueThis issue is a good place to start for first time contributors to the project

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions