JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols

BorisLutskovsky — Mon, 17 Aug 2020 15:13:05 GMT

I'm evaluating upgrading an existing application from 4.15 to 4.16, and we discovered a bug in the symbolUtils.renderPreviewHTML when the symbol is a fill symbol, and the fill style is not "solid" - the image URL for the preview is "https://symbols/patterns/{style}.png", which fails to resolve and logs errors to the console.

here is a simple HTML page that will demonstrate this error:

<html>

<head>

<title>Symbol Preview not working</title>

<style>

html, body {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

}

#viewDiv {

height: 50%;

}

</style>

require([

"esri/Map",

"esri/views/MapView",

"esri/symbols/support/symbolUtils",

"esri/symbols/Symbol"

], function(Map, MapView, symbolUtils, Symbol) {

var map = new Map({

basemap: "topo-vector"

});

var view = new MapView({

container: "viewDiv",

map: map,

center: [-118.71511,34.09042],

zoom: 11

});

var symbolDefinition = {

color: "#9814F0",

outline: {color: "#23F01A", style: "solid", width: 1},

style: "diagonal-cross",

type: "simple-fill"

};

var s = new Symbol(symbolDefinition);

symbolUtils.renderPreviewHTML(s, {

node: document.getElementById("symbolPreviewDiv"),

size: s.size ? s.size : 12

});

</script>

</head>

<body>

</body>

</html>

Re: JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols

AnneFitz — Sat, 11 Dec 2021 17:20:16 GMT

Hi Boris,

Thanks for your feedback! This bug will be fixed in the 4.17 release. If you want to test it out before then, you can use the /next version of our API - this is our development branch that is updated weekly.

<link rel="stylesheet" href="https://js.arcgis.com/next/esri/css/main.css">
<script src="https://js.arcgis.com/next/"></script>‍‍

Thanks,

Anne

Re: JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols

BorisLutskovsky — Wed, 19 Aug 2020 17:50:41 GMT

It looks like the same issue is also happening in the Legend widget, but I'm assuming that's using the same preview method, and would be resolved at the same time.

topic JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols in ArcGIS JavaScript Maps SDK Questions

JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols

Re: JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols

Re: JS API 4.16 bug - symbolUtils.renderPreviewHTML not working for fill symbols