I’ve been setting the height of one of my div tags using the calc construct. Here is a simplified example:
<div style="height:calc(100%-230px); overflow:auto"> my div stuff </div>
This keeps my div on the screen and when the div gets big enough (my div stuff is replaced with a ton of stuff) it sprouts its own scrollbar instead of the scrollbar for the whole window appearing.
After upgrading from Angular 5.0 to 5.2, this stopped working. It was as if my specification for height simply was not there. The window scrollbar would appear and my whole app would scroll.
I found a work-around. Specify the percent instead as a vh (viewport height):
<div style="height:calc(100vh-230px); overflow:auto"> my div stuff </div>
When I upgraded Angular, I also obtained the latest flex-layout and angular-material. It could be that this problem is from one of these libraries, instead of Angular 5.2 itself.