toolbar: md-scroll-shrink only works with explicit size of md-content

[matthiasg]

The way its implemented right now [md-scroll-shrink] does not work with generated content for our main use case of generated pages inside the content (e.g an arbitrary html snippet, might be a list or something else).

That way the designer would have to know beforehand how large the remainder of the screen is. Usually [flex] could be used, to fill the rest of the vertical space , but that does not seem to work here.

This happens because the toolbar is listening only on scroll events of the content itself which only get emitted when the content area itself is specifically set to an absolute height smaller than the content.

Basically this make this directive only useful when multiple such headers and content areas are supposed to be underneath each other not for the majority use case of one toolbar with one content are on the screen or am i missing something ?

[yxh10]

@matthiasg Hi, Matt. I think I have found a way to use this. Make your content use the css height: 100vh;. In that case, md-scroll-shrink will work. However, it is still buggy. If you scroll down to the very bottom of the content and try to scroll back, the tool bar will come back smoothly. It stuck half way thought, until you scroll all the way to top.

[matthiasg]

i actually wrote a new directive for our project internally which handles header lines, variable lines etc since there where also errors in the way it is currently implemented..

e.g when the header is rather big (lets say 200px) and each item is rather small (~32px) then you can reach a state where there is NO scrollbar to be seen even though you are not at the end of the list. this is because the scroll area itself resizes causing a number of issues (i.e the size of the container changes WHILE scrolling itself)....

[jakubweber]

We're solving this issue too.
In demo is absolute height for md-content, but usually is relative. That's problem. There is some solution to solve that?

[levbrie]

+1