Hover pop up to not block underlying features from showing their pop up?

Rice_GIS — Thu, 15 Sep 2022 14:32:12 GMT

Hello,

First, let me say that I am NOT a pro developer, but wanted to see if this problem might have a solution. I'm developing a javascript web map and am including a hover-pop up function. However, I'm experiencing a "blocking" effect by the hovering pop up. This "blocking" effect of the pop up is preventing the pop up from appearing for underlying features.

I added this screenshot to help convey what I'm trying to explain with "blocking"

The pop seems to block the pop up from opening the new pop up for the other feature behind it.

Code for the hover function is attached. Is there a way to add a code for the map to "listen" for features that might be underneath the pop up? Thank you in advance!

//Setup Hover Pop up function changeCursor(response) { if (response.results.length > 0) { document.getElementById("viewDiv").style.cursor = "pointer"; } else { document.getElementById("viewDiv").style.cursor = "default"; } } function getGraphics(response) { view.graphics.removeAll(); if (response.results.length > 0) { var graphic = response.results[0].graphic; graphic.symbol = { type: "simple-fill", style: "none", outline: { // autocasts as new SimpleLineSymbol() color: "orange", width: 1 } } view.graphics.add(graphic); } } function showPopup(response) { view.popup.close(); if (response.results.length > 0) { view.popup.open({ title:response.results[0].graphic.attributes.NAME + ' County', content: 'Number of Sensitive Species: ' + response.results[0].graphic.attributes.FREQUENCY, location: response.results[0].graphic.geometry.centroid }); } } view.when(function () { view.whenLayerView(layer).then(function (lview) { watchUtils.whenFalseOnce(lview, "updating", function () { // Set up a click event handler and retrieve the screen x, y coordinates view.on("pointer-move", function (evt) { var screenPoint = { x: evt.x, y: evt.y }; // the hitTest() checks to see if any graphics in the view // intersect the given screen x, y coordinates view.hitTest(screenPoint) .then(function (response) { changeCursor(response); getGraphics(response); showPopup(response); }); }); }); }); }); const legend = new Legend({ view: view }); // Expand widget to expand and contract the legend widget const legendExpand = new Expand({ expandTooltip: "Show Legend", expanded: false, view: view, content: legend, });

topic Hover pop up to not block underlying features from showing their pop up? in ArcGIS JavaScript Maps SDK Questions

Hover pop up to not block underlying features from showing their pop up?