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

Toolbar for desktop: icons are not vertically centered in Firefox #845

Closed
@robzenn92

Description

@robzenn92

What MDC-Web Version are you using?

0.13.0

What browser(s) is this bug affecting?

Only Firefox (I have version 53.0.2)
Works fine in safari and chrome.

What OS are you using?

macOS 10.12.4

What are the steps to reproduce the bug?

Go to https://material-components-web.appspot.com/toolbar/default-toolbar.html or visit http://0.0.0.0:8080/toolbar/.

What is the expected behavior?

All the material icons within the toolbar should be vertically centered in all the browsers.
E.g. in chrome this is fine. See:

chrome1

schermata 2017-06-21 alle 18 37 28

What is the actual behavior?

All the material icons within the toolbar are not vertically centered in Firefox. See:

firefox1

firefox2

Any other information you believe would be useful?

To the best of my knowledge this is due to the property height: 100% specified in line 63. In fact, after removing it icons are vertically centered in all the browser and nothing else is affected.

Metadata

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