Allow controlling of z-index of Labels

362
0
10-31-2023 05:24 AM
Status: Open
Labels (1)
JasonDonabauer
New Contributor II

We would like to be able to control the z-index property of Labels in the JavaScript SDK.  Currently, the z-index styling is defaulted to be on top of everything else in the feature layers, giving us some unexpected results in our Map layer of our product.

We use custom symbols and add them to our map layer in specific scenarios and we found that when using the clustering feature within the JavaScript SDK, the "number" value of the cluster appears to be on top of everything else, making it look like the "number" value is not part of the cluster.  This does only occur to be visible to the user when a custom symbol overlaps a cluster, but it still looks like there is an issue regardless.  This in fact happens with all labels based off of my conversations with Yash at ESRI Customer Support.

82b7f150-8a06-4548-b058-2b32b5bf7c86.jpg

From my conversations with Customer Support, we think there are a few options we would find acceptable:

1. JavaScript SDK behaves the way Leaflet does for clusters - the labels are contain WITHIN the body of the cluster.

2. All support for altering the z-index of labels, either through CSS, or some tooling available in the JavaScript SDK.

3. Per Esri Customer Support - add 'pane' functionality from Esri Leaflet.

Tags (2)