Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

md-content no longer scrolls correctly in Chrome 44 #3901

Closed
hodeyp opened this issue Jul 26, 2015 · 6 comments
Closed

md-content no longer scrolls correctly in Chrome 44 #3901

hodeyp opened this issue Jul 26, 2015 · 6 comments
Assignees
Labels
needs: demo A CodePen demo or GitHub repository is needed to demonstrate the reproduction of the issue
Milestone

Comments

@hodeyp
Copy link

hodeyp commented Jul 26, 2015

The latest version of Chrome (44.0.2403.107) on the mac no longer supports md-content overflow scrolling.

In previous versions, (as well as Safari) the md-content element would expand to fill the available space and overflow would scroll. In the latest version of Chrome, the md-content section grows to fit the child elements instead.

@hodeyp
Copy link
Author

hodeyp commented Jul 26, 2015

take a look at https://code.google.com/p/chromium/issues/detail?id=506893

This explains the new default behaviour in Chrome, it suggests adding * {min-height:0} to css

@dgavigan
Copy link

I woke up to this same behavoir. I eventually found it was due to my use with nested ui-views with ui-router, so exactly what @hodeyp links to as nested flex columns.

@goncaloneves
Copy link

@hodeyp Thanks for this !

I have changed only the flex attribute on my custom css file:

[flex] {
    min-height: 0;
    min-width: 0;
}

@ThomasBurleson ThomasBurleson modified the milestone: 0.11.0 Jul 31, 2015
@nkoterba
Copy link

nkoterba commented Aug 6, 2015

@goncaloneves Thanks for the fix...working for now.

Seems related to: #4022

@topherfangio
Copy link
Contributor

Do any of you have a specific example/codepen you can provide that shows exactly how it's failing in material? I'd like to make sure we get a good/performant fix in.

@topherfangio topherfangio added the needs: demo A CodePen demo or GitHub repository is needed to demonstrate the reproduction of the issue label Aug 27, 2015
topherfangio added a commit that referenced this issue Aug 29, 2015
In some cases, browsers have issues with rendering flex layouts
when the height of an element is not set. This simply forces each
layout element (which is the most common case when using flex) to
the height it would normally be.

Fixes #4022. References #3901.
topherfangio added a commit that referenced this issue Aug 31, 2015
In some cases, browsers have issues with rendering flex layouts
when the height of an element is not set. This simply forces each
layout element (which is the most common case when using flex) to
the height it would normally be.

Fixes #4022. References #3901.
@ThomasBurleson
Copy link
Contributor

Fixed with SHA 303ab0d

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
needs: demo A CodePen demo or GitHub repository is needed to demonstrate the reproduction of the issue
Projects
None yet
Development

No branches or pull requests

6 participants