nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Blue highlight box when hovering

NigelRutter

Hoping somebody here can help me.

I''m maintaining an application that uses the ArcGIS JavaScript API. I have been asked to remove a blue box that appears when hovering over a marker placed on a map (see attached). I can see that it is drawn by a PATH element inserted into the pages DOM. But can't find how might turn it off.

Thanks in advance

Nigel

Capture.PNG

Find more posts tagged with

Accepted answers

evtguy

Are you using the popup widget? If so, in the constructor, add "highlight: false" which should prevent that symbol from appearing.


require([
  "esri/dijit/Popup", "dojo/dom-construct", ... 
], function(Popup, domConstruct... ) {
  var popup = new Popup({
    highlight: false,


    offsetX: 10,


    offsetY: 10,
    zoomFactor: 2
  }, domConstruct.create("div"));
  ...
});

All comments

NigelRutter

Steve,

Thank you very much. That was it

Nigel

NigelRutter

Thanks Steve, yes I am using the 'Popup' widget. I'll be trying that later today. Will let you know how it goes.

Regards

Nigel

evtguy

Are you using the popup widget? If so, in the constructor, add "highlight: false" which should prevent that symbol from appearing.


require([
  "esri/dijit/Popup", "dojo/dom-construct", ... 
], function(Popup, domConstruct... ) {
  var popup = new Popup({
    highlight: false,


    offsetX: 10,


    offsetY: 10,
    zoomFactor: 2
  }, domConstruct.create("div"));
  ...
});

JonathanUihlein

Yes, the API is generating the selection symbol using SVG.

That particular light blue border is the default selection symbol, and its implemented somewhere in your application.

Could you post your code or recreate a sample of your application showcasing the issue using jsfiddle ?

Thanks!

NigelRutter

If it helps this is the contents of the PATH tag that is being inserted

NigelRutter

Thanks, but I think the box is being drawn by code in the ArcGIS API itself and not our code . It definitely isn't being drawn in any of my mouse event handlers.

RiyasDeen

Ok, it's difficult to say what exactly is happening, without seeing your code. Below are few pointers that might help.

Provided the highlight is coming on hover, look for mouse-over event for map or feature layer.
Most likely you may see something like map.graphics.add in the eventhandler, comment this line and the highlight should be gone.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.