topic Re: Workaround to ignore a label layer when click? in ArcGIS JavaScript Maps SDK Questions

Workaround to ignore a label layer when click?

Anonymous User — Wed, 25 Mar 2015 17:32:27 GMT

I currently have a feature layer with a click event, and a label layer drawing on top of that to label the features. If I click the feature where there is a label, that label dom node blocks the click event on the feature layer.

In my ideal world the 'disableMouseEvents()' method on an "esri/layers/LabelLayer" would also pass off click events to the layer directly beneath it. In that sense it would be transparent, but just for clicks...

Has anyone else dealt with this? My current ideas are:

- Hard code the feature layer information into a special function triggered on the label layer click

- Generalize a label layer click function, so that it does a spatial query around it for affected layers and selects the layer with the highest map index

Re: Workaround to ignore a label layer when click?

brianmoran_usfs — Wed, 25 Jan 2017 18:30:26 GMT

Did you ever find a solution to this? I'm having the same issue and it's pretty frustrating. Thanks

Re: Workaround to ignore a label layer when click?

Anonymous User — Wed, 25 Jan 2017 19:34:59 GMT

I never did, I just use small text to try and block as little of the polygon as possible 😕

Re: Workaround to ignore a label layer when click?

thejuskambi — Thu, 26 Jan 2017 17:08:15 GMT

Brain,

Are you using api version 3.14 or greater? if so, you should be using "setLabelingInfo" instead of LabelLayer.

~Thejus

Re: Workaround to ignore a label layer when click?

brianmoran_usfs — Fri, 27 Jan 2017 18:24:41 GMT

Thanks, I am using v 3.18, and I am using the setLabelingInfo method on the feature layer.

Re: Workaround to ignore a label layer when click?

AaronNepple1 — Mon, 09 Oct 2017 00:08:28 GMT

Did any of you happen to figure out a solution for this one?

i have a feature that opens a hyperlink on click, and same thing, the label blocks the event from happening.

Thanks,

Aaron

Re: Workaround to ignore a label layer when click?

RobertScheitlin__GISP — Sat, 11 Dec 2021 07:31:15 GMT

All,

Actually this is a pretty simple css fix. All you need to do is add this css rule:

#_internal_LabelLayer_layer {
  pointer-events: none;
}‍‍‍

Re: Workaround to ignore a label layer when click?

AaronNepple1 — Tue, 10 Oct 2017 14:51:59 GMT

rscheitlin‌ That did the trick!

Thank you for your help on this

Re: Workaround to ignore a label layer when click?

GianniContino — Fri, 03 Nov 2017 11:03:15 GMT

It's really great!

Thank you!!!

Re: Workaround to ignore a label layer when click?

StéphaneGuignard — Fri, 14 Dec 2018 08:33:31 GMT

Hi,

For information, the class name has been changed with version 3.25, the new class name is :

#labels_layer {

pointer-events: none;

}