laptop and a wrench

Bug

Layers in an application built with Ionic is not behaving as expected.

Last Published: September 18, 2018 ArcGIS API for JavaScript
Bug ID Number BUG-000107002
SubmittedJuly 31, 2017
Last ModifiedJune 5, 2024
Applies toArcGIS API for JavaScript
Version found4.3
Operating SystemAndroid
Operating System Version6.0x
StatusWill Not Be Addressed

Additional Information

All images in the page are assigned max-width: 100% by www/build/main.css in this project. img { max-width: 100%; border: 0; } This is causing map images in MapImageLayer to shrink (to fit the size of its parent div) when zooming in beyond a certain scale, depending on the screen size of these images.

Workaround

Fix www/build/main.css to scope the rule properly such that map images inside the ESRI map are not affected.Or,Override the max-width set by main.css by setting max-width: none; specifically for map images. Like this:#map_layer1 img {  max-width: none;}This would be easier if users assign a layer ID for the MapImageLayer and reference that ID in the CSS rule above.

Steps to Reproduce

Bug ID: BUG-000107002

Software:

  • ArcGIS API for JavaScript

Get notified when the status of a bug changes

Download the Esri Support App

Discover more on this topic

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options