esri-view not working when used height=100% about angular-cli-esri-map

[andygup]

It's not really obvious how to make that work. I'll make a note to change the sample.

Try this:

.esri-view {
  height: 100vh;
}

Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/length

[andygup]

Unfortunately, it's a very common question but there isn't a one-size-fits-all answer. You'll have to do some investigation and testing to figure that out. I recommend doing some internet investigating and try different things to get it exactly the way you want it. I'm not a CSS expert, but the very basic theory looks something like this.

.esri-view {
     // 105px represents the combined height of the elements above the map
     height: calc(100vh - 105px); 
}

[hishamshrideh]

Thanks andy for your continuous suppprt

You are hero of angular gis developers

I'll appreciate your quick help @andygup

[hishamshrideh]

Hi andy,

Thanks for your quick response
Using vh its get a full height but with scroll in home page.

Do you have idea how fix it !? Make it without scrolling

[andygup]

Glad to help. I'l go ahead and close this, reach out again if you get stuck.