Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Waterfall Toolbars are broken @ 600px - 959px #2245

Closed
@theenoahmason

Description

Bugs

What MDC Web Version are you using?

0.30

What browser(s) is this bug affecting?

Chrome.

What OS are you using?

Windows 10.

What are the steps to reproduce the bug?

  • Go to the fixed waterfall toolbar demo page.
  • Make the viewport short enough to scroll, or add paragraphs to the content in dev tools (It's worth noting here that demos need more text, they are not scrollable at most viewport sizes, therefore they are not testable at most viewport sizes, which is probably why this has issue has persisted since before 0.26).
  • You must load the page at the effected screen width to see the issue.

What is the expected behavior?

The toolbar should be toggling mdc-toolbar--flexible-space-maximized / mdc-toolbar--flexible-space-minimized classes on scroll.

What is the actual behavior?

The toolbar isn't toggling mdc-toolbar--flexible-space-maximized / mdc-toolbar--flexible-space-minimized classes on scroll.

Any other information you believe would be useful?

Some Gifs of the issue

Broken @ min-width: 600px and max-width: 959px

toolbarwaterfalbroken

OK @ min-width: 960px

toolbarwaterfalok

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.backlogbug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions