virtual-repeat incorrectly sizes itself inside ng-show

[elubin]

I wrap the md-virtual-repeat-container in a div with ng-show so I can hide the whole block when my list has no elements. I then fetch my elements with AJAX and fill my list which shows the block. The control incorrectly gets a height of 0 (and default to NUM_EXTRA height).

updateIndexes_ method
this.container.getSize() evaluates to 0

material/src/components/virtualRepeat/virtual-repeater.js

Lines 724 to 734 in acbf293

	VirtualRepeatController.prototype.updateIndexes_ = function() {
	var itemsLength = this.items ? this.items.length : 0;
	var containerLength = Math.ceil(this.container.getSize() / this.itemSize);
	this.newStartIndex = Math.max(0, Math.min(
	itemsLength - containerLength,
	Math.floor(this.container.getScrollOffset() / this.itemSize)));
	this.newVisibleEnd = this.newStartIndex + containerLength + NUM_EXTRA;
	this.newEndIndex = Math.min(itemsLength, this.newVisibleEnd);
	this.newStartIndex = Math.max(0, this.newStartIndex - NUM_EXTRA);
	};

Here is a fiddle to demonstrate the error against master branch
http://jsfiddle.net/elubin/d0wsmLqn/

[elubin]

By the way, for anyone that does hit this issue, the workaround is to use ng-if instead of ng-show

[danielsig]

Here's the same problem except I'm trying to animate the height using CSS animations.
using ng-show: http://plnkr.co/edit/3HI7NN4CqdXkOcTERzxX?p=preview
using ng-if: http://plnkr.co/edit/s1MDkHCLu05HjwlMmmkA?p=preview

[kseamon]

This is essentially the same bug as #4314. Hoping to fix it this week but we'll see.

[kseamon]

...and is a dupe of #4336.