Wrong layout with fxHide / fxShow sometimes ignoring breakpoint aliases

[phil294]

Hellou,
#140 has been marked as solved, but I just found another few errors in 2.0.0-beta.5, in regards to fxShow fxHide.md and the alike. Consider the following example for reproducing:

	<div fxHide fxShow.gt-xs>Type 1, row a</div>
	<div fxHide fxShow.gt-xs>Type 1, row b</div>
	<div fxHide fxShow.gt-xs>Type 1, row c</div>
	<br/>
	<div fxShow fxHide.md>Type 2, row a</div>
	<div fxShow fxHide.md>Type 2, row b</div>
	<div fxShow fxHide.md>Type 2, row c</div>

Set your browser to md width and refresh the page. You'd expect to see

Type 1, row a
Type 1, row b
Type 1, row c

, but the output is

Type 1, row a
Type 1, row b

Type 2, row c

which is wrong on multiple levels. It seems the views fix themselves on update. Meaning when you resize the window width to gt-md and back to md, Type 2, row c will then be correctly hidden. And when you resize the window to xs and back to gt-xs, the missing Type 1, row c pops up.

So, I see wrong initialization and weird interference of multiple elements. I might be missing something.

Best regards,

[ThomasBurleson]

@phil294 - I think this is related to #135.

[ThomasBurleson]

@phil294 - PR #190 Now renders this:

[phil294]

Idk if I should test it out or how I could in the first place, but it looks excellent! Good job & thank you very much

[ThomasBurleson]

@phil294 - try:

# add upstream if your `origin` points to a fork of the upstream, 
# otherwise just use `origin`

git remote add upstream https://github.com/angular/flex-layout.git

git co master
git pull --rebase upstream master

git pull --rebase upstream fix/issue_181

This should update your local repos with latest from master AND from the PR above.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}