Hello All,
I am facing issue while using Arcgis/core 4.18. My map canvas height keep increasing. I am using Arcgis/Core with Angular 11.
Here is my code
app.component.html
Hi @GiovanniVanore1 this doesn't sounds like it's related to the ArcGIS API for JavaScript. Can you provide a simple github repo that reproduces the issue?
Thank you
@AndyGup this is the github link.
https://github.com/guptarahul14/sampleApplication/tree/master/sampleProgram
I've seen this happen if you don't have the CSS for the ArcGIS JSAPI included in your application.
@ReneRubalcava Yes, I have added ArcGIS JSAPI . Still getting same issue
@GiovanniVanore1 I'm not sure what's going on, I tried just about everything to get the app running right. My recommendation is to start fresh using our Angular sample app: https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-angular-cli.
I took a quick look at your code. There are several issues.
The main one (causing the endless div resize) is this:
@import "@arcgis/core/assets/esri/themes/light/main.css";
Should be in your main styles.scss. Not in the scope of your app.component scss.
Secondly, your app layout is not good if you wish a fullscreen map application.
Your styles.scss file should contain something like:
html, body { height: 100%; }
Then your app.component.html file mention a html-head-body hierarchy that is already in index.html.
This is screwing your vertical positioning.
Keep it simple like this:
{{title}}
<div id="viewDiv"></div>
<router-outlet></router-outlet>
Yes finally its resolved by Js-api and its working fine Thanks a lot guys.