Skip to content

Spinner causes endless cycle of scrollbar growth and shrinking #1259

@RoxKilly

Description

@RoxKilly

Bug, feature request, or proposal:

Bug

What is the expected behavior?

If the spinner fits in the browser window, it should not cause scrollbars

What is the current behavior?

The spinner (or the styles related to its animation) cause the browser (Firefox 48) to go through an endless cycle of growing and shrinking scrollbars. Adding core.css and overlay.css makes no difference.

What are the steps to reproduce?

Open this Plunkr and look at the scrollbars.

What is the use-case or motivation for changing an existing behavior?

Bad UI experience. Plus having the browser constantly recalculate spacing and animate scrollbars is a waste of resources.

Which versions of Angular, Material, OS, browsers are affected?

Angular 2 rc-6, Material 2 alpha 8-1, Firefox 48 on Windows

Anything else we should know?

One possible way to deal with this is to place the spinner in a div that hides its overlfow:

<div style="overflow:hidden">
    <md-spinner></md-spinner>
</div>

See this Plunkr

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions