Skip to content

bug(mat-toolbar): Shadow is missing #27487

Open
@RobinBomkamp

Description

@RobinBomkamp

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

According to the material documentation, a toolbar should have a shadow when the page content is scrolled.

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-fexc8t?file=src%2Fapp%2Fexample-component.html,src%2Fapp%2Fexample-component.css
Steps to reproduce:

  1. Insert a toolbar on top of your content.
  2. Scroll the content.
  3. A shadow should be displayed underneath the toolbar.

Expected Behavior

A shadow underneath the toolbar is shown when the page content is scrolled.

Actual Behavior

There is no shadow.

Environment

Angular CLI: 16.1.4
Node: 18.12.1
Package Manager: npm 8.19.2
OS: win32 x64

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/toolbar

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions