question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature onClick event target unavailable?

See original GitHub issue

How do I get the HTML Element of the target of an onClick event on a feature?

I get something like the following from an event, but can’t seem to find a reference to the element itself in there:

{point: a, lngLat: jl, originalEvent: MouseEvent, type: "click", _defaultPrevented: false, …}point: a {x: 500, y: 496}lngLat: jl {lng: -118.25410575432332, lat: 33.926787152659955}originalEvent: MouseEvent {isTrusted: true, screenX: 508, screenY: 631, clientX: 500, clientY: 496, …}isTrusted: truescreenX: 508screenY: 631clientX: 500clientY: 496ctrlKey: falseshiftKey: falsealtKey: falsemetaKey: falsebutton: 0buttons: 0relatedTarget: nullpageX: 500pageY: 496x: 500y: 496offsetX: 500offsetY: 497movementX: 0movementY: 0fromElement: nulltoElement: canvas.mapboxgl-canvaswidth: 1806height: 1746title: ""lang: ""translate: truedir: ""hidden: falseaccessKey: ""draggable: falsespellcheck: trueautocapitalize: ""contentEditable: "inherit"isContentEditable: falseinputMode: ""offsetParent: div.mapboxgl-mapalign: ""title: ""lang: ""translate: truedir: ""hidden: falseaccessKey: ""draggable: falsespellcheck: trueautocapitalize: ""contentEditable: "inherit"isContentEditable: falseinputMode: ""offsetParent: body.vsc-initializedoffsetTop: 0offsetLeft: 0offsetWidth: 903offsetHeight: 873style: CSSStyleDeclaration {0: "height", 1: "width", alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}innerText: "© Mapbox © OpenStreetMap Improve this map↵Find an act"outerText: "© Mapbox © OpenStreetMap Improve this map↵Find an act"oncopy: nulloncut: nullonpaste: nullonabort: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncuechange: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpause: nullonplay: nullonplaying: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonseeked: nullonseeking: nullonselect: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullonvolumechange: nullonwaiting: nullonwheel: nullonauxclick: nullongotpointercapture: nullonlostpointercapture: nullonpointerdown: nullonpointermove: nullonpointerup: nullonpointercancel: nullonpointerover: nullonpointerout: nullonpointerenter: nullonpointerleave: nullonselectstart: nullonselectionchange: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullontransitionend: nulldataset: DOMStringMap {}nonce: ""autofocus: falsetabIndex: -1enterKeyHint: ""onpointerrawupdate: nullnamespaceURI: "http://www.w3.org/1999/xhtml"prefix: nulllocalName: "div"tagName: "DIV"id: ""className: "mapboxgl-map"classList: DOMTokenList ["mapboxgl-map", value: "mapboxgl-map"]slot: ""attributes: NamedNodeMap {0: class, 1: style, class: class, style: style, length: 2}shadowRoot: nullpart: DOMTokenList [value: ""]assignedSlot: nullinnerHTML: "<div class="mapboxgl-canary" style="visibility: hi"outerHTML: "<div class="mapboxgl-map" style="height: 100vh; wi"scrollTop: 0scrollLeft: 0scrollWidth: 903scrollHeight: 873clientTop: 0clientLeft: 0clientWidth: 903clientHeight: 873attributeStyleMap: StylePropertyMap {size: 2}onbeforecopy: nullonbeforecut: nullonbeforepaste: nullonsearch: nullelementTiming: ""previousElementSibling: nullnextElementSibling: nullchildren: HTMLCollection(6) [div.mapboxgl-canary, div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, div.mapboxgl-control-container, div.sc-AxhUy.cAaTED.mapboxgl-ctrl, div.sc-AxgMl.dBugAm.mapboxgl-ctrl, div.sc-AxheI.ThdBj]firstElementChild: div.mapboxgl-canarylastElementChild: div.sc-AxheI.ThdBjchildElementCount: 6onfullscreenchange: nullonfullscreenerror: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullnodeType: 1nodeName: "DIV"baseURI: "http://localhost:3000/"isConnected: trueownerDocument: documentparentNode: div#rootparentElement: div#rootchildNodes: NodeList(6) [div.mapboxgl-canary, div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, div.mapboxgl-control-container, div.sc-AxhUy.cAaTED.mapboxgl-ctrl, div.sc-AxgMl.dBugAm.mapboxgl-ctrl, div.sc-AxheI.ThdBj]firstChild: div.mapboxgl-canarylastChild: div.sc-AxheI.ThdBjpreviousSibling: nullnextSibling: nullnodeValue: nulltextContent: "© Mapbox © OpenStreetMap Improve this mapFind an actFind an act"__reactInternalInstance$psgou9red6o: FiberNode {tag: 5, key: null, elementType: "div", type: "div", stateNode: div.mapboxgl-map, …}__reactEventHandlers$psgou9red6o: {className: undefined, style: {…}, children: false}__proto__: HTMLDivElementoffsetTop: 0offsetLeft: 0offsetWidth: 903offsetHeight: 873style: CSSStyleDeclaration {0: "position", 1: "width", 2: "height", alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}innerText: ""outerText: ""oncopy: nulloncut: nullonpaste: nullonabort: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncuechange: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpause: nullonplay: nullonplaying: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonseeked: nullonseeking: nullonselect: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullonvolumechange: nullonwaiting: nullonwheel: nullonauxclick: nullongotpointercapture: nullonlostpointercapture: nullonpointerdown: nullonpointermove: nullonpointerup: nullonpointercancel: nullonpointerover: nullonpointerout: nullonpointerenter: nullonpointerleave: nullonselectstart: nullonselectionchange: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullontransitionend: nulldataset: DOMStringMap {}nonce: ""autofocus: falsetabIndex: 0enterKeyHint: ""onpointerrawupdate: nullnamespaceURI: "http://www.w3.org/1999/xhtml"prefix: nulllocalName: "canvas"tagName: "CANVAS"id: ""className: "mapboxgl-canvas"classList: DOMTokenList ["mapboxgl-canvas", value: "mapboxgl-canvas"]slot: ""attributes: NamedNodeMap {0: class, 1: tabindex, 2: aria-label, 3: width, 4: height, 5: style, class: class, tabindex: tabindex, aria-label: aria-label, width: width, height: height, …}shadowRoot: nullpart: DOMTokenList [value: ""]assignedSlot: nullinnerHTML: ""outerHTML: "<canvas class="mapboxgl-canvas" tabindex="0" aria-label="Map" width="1806" height="1746" style="position: absolute; width: 903px; height: 873px;"></canvas>"scrollTop: 0scrollLeft: 0scrollWidth: 903scrollHeight: 873clientTop: 0clientLeft: 0clientWidth: 903clientHeight: 873attributeStyleMap: StylePropertyMap {size: 3}onbeforecopy: nullonbeforecut: nullonbeforepaste: nullonsearch: nullelementTiming: ""previousElementSibling: nullnextElementSibling: div.mapboxgl-marker.mapboxgl-marker-anchor-centerchildren: HTMLCollection []firstElementChild: nulllastElementChild: nullchildElementCount: 0onfullscreenchange: nullonfullscreenerror: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullnodeType: 1nodeName: "CANVAS"baseURI: "http://localhost:3000/"isConnected: trueownerDocument: documentparentNode: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotateparentElement: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotatechildNodes: NodeList []firstChild: nulllastChild: nullpreviousSibling: nullnextSibling: div.mapboxgl-marker.mapboxgl-marker-anchor-centernodeValue: nulltextContent: ""__proto__: HTMLCanvasElementlayerX: 500layerY: 496view: Window {parent: Window, opener: null, top: Window, length: 0, frames: Window, …}detail: 1sourceCapabilities: InputDeviceCapabilities {firesTouchEvents: false}which: 1type: "click"target: canvas.mapboxgl-canvaswidth: 1806height: 1746title: ""lang: ""translate: truedir: ""hidden: falseaccessKey: ""draggable: falsespellcheck: trueautocapitalize: ""contentEditable: "inherit"isContentEditable: falseinputMode: ""offsetParent: div.mapboxgl-mapoffsetTop: 0offsetLeft: 0offsetWidth: 903offsetHeight: 873style: CSSStyleDeclaration {0: "position", 1: "width", 2: "height", alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}innerText: ""outerText: ""oncopy: nulloncut: nullonpaste: nullonabort: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncuechange: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpause: nullonplay: nullonplaying: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonseeked: nullonseeking: nullonselect: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullonvolumechange: nullonwaiting: nullonwheel: nullonauxclick: nullongotpointercapture: nullonlostpointercapture: nullonpointerdown: nullonpointermove: nullonpointerup: nullonpointercancel: nullonpointerover: nullonpointerout: nullonpointerenter: nullonpointerleave: nullonselectstart: nullonselectionchange: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullontransitionend: nulldataset: DOMStringMap {}nonce: ""autofocus: falsetabIndex: 0enterKeyHint: ""onpointerrawupdate: nullnamespaceURI: "http://www.w3.org/1999/xhtml"prefix: nulllocalName: "canvas"tagName: "CANVAS"id: ""className: "mapboxgl-canvas"classList: DOMTokenList ["mapboxgl-canvas", value: "mapboxgl-canvas"]slot: ""attributes: NamedNodeMap {0: class, 1: tabindex, 2: aria-label, 3: width, 4: height, 5: style, class: class, tabindex: tabindex, aria-label: aria-label, width: width, height: height, …}shadowRoot: nullpart: DOMTokenList [value: ""]assignedSlot: nullinnerHTML: ""outerHTML: "<canvas class="mapboxgl-canvas" tabindex="0" aria-label="Map" width="1806" height="1746" style="position: absolute; width: 903px; height: 873px;"></canvas>"scrollTop: 0scrollLeft: 0scrollWidth: 903scrollHeight: 873clientTop: 0clientLeft: 0clientWidth: 903clientHeight: 873attributeStyleMap: StylePropertyMap {size: 3}onbeforecopy: nullonbeforecut: nullonbeforepaste: nullonsearch: nullelementTiming: ""previousElementSibling: nullnextElementSibling: div.mapboxgl-marker.mapboxgl-marker-anchor-centerchildren: HTMLCollection []firstElementChild: nulllastElementChild: nullchildElementCount: 0onfullscreenchange: nullonfullscreenerror: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullnodeType: 1nodeName: "CANVAS"baseURI: "http://localhost:3000/"isConnected: trueownerDocument: documentparentNode: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotateparentElement: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotatechildNodes: NodeList []firstChild: nulllastChild: nullpreviousSibling: nullnextSibling: div.mapboxgl-marker.mapboxgl-marker-anchor-centernodeValue: nulltextContent: ""__proto__: HTMLCanvasElementcurrentTarget: nulleventPhase: 0bubbles: truecancelable: truedefaultPrevented: falsecomposed: truetimeStamp: 17091.620000079274srcElement: canvas.mapboxgl-canvasreturnValue: truecancelBubble: falsepath: (8) [canvas.mapboxgl-canvas, div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, div.mapboxgl-map, div#root, body.vsc-initialized, html, document, Window]__proto__: MouseEventtype: "click"_defaultPrevented: falsetarget: r {_moving: false, _zooming: false, transform: mo, _bearingSnap: 7, _renderFrameCallback: ƒ, …}showTileBoundaries: (...)showCollisionBoxes: (...)showOverdrawInspector: (...)repaint: (...)vertices: (...)version: (...)_moving: false_zooming: falsetransform: mo {tileSize: 512, maxValidLatitude: 85.051129, _renderWorldCopies: true, _minZoom: 0, _maxZoom: 20, …}_bearingSnap: 7_renderFrameCallback: ƒ ()_interactive: true_maxTileCacheSize: null_failIfMajorPerformanceCaveat: false_preserveDrawingBuffer: false_antialias: false_trackResize: true_refreshExpiredTiles: true_fadeDuration: 300_crossSourceCollisions: true_crossFadingFactor: 1_collectResourceTiming: undefined_renderTaskQueue: Oo {_queue: Array(0), _id: 33, _cleared: false, _currentlyRunning: false}_controls: (3) [ko, Bo, MapboxGeocoder]_mapId: 1_locale: {FullscreenControl.Enter: "Enter fullscreen", FullscreenControl.Exit: "Exit fullscreen", GeolocateControl.FindMyLocation: "Find my location", GeolocateControl.LocationNotAvailable: "Location not available", LogoControl.Title: "Mapbox logo", …}_requestManager: N {_transformRequestFn: undefined, _customAccessToken: null, _skuToken: "101sYHWExSHzu", _skuTokenExpiresAt: 1585938453243}_container: div.mapboxgl-mapalign: ""title: ""lang: ""translate: truedir: ""hidden: falseaccessKey: ""draggable: falsespellcheck: trueautocapitalize: ""contentEditable: "inherit"isContentEditable: falseinputMode: ""offsetParent: body.vsc-initializedoffsetTop: 0offsetLeft: 0offsetWidth: 903offsetHeight: 873style: CSSStyleDeclaration {0: "height", 1: "width", alignContent: "", alignItems: "", alignSelf: "", alignmentBaseline: "", all: "", …}innerText: "© Mapbox © OpenStreetMap Improve this map↵Find an act"outerText: "© Mapbox © OpenStreetMap Improve this map↵Find an act"oncopy: nulloncut: nullonpaste: nullonabort: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncuechange: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpause: nullonplay: nullonplaying: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonseeked: nullonseeking: nullonselect: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullonvolumechange: nullonwaiting: nullonwheel: nullonauxclick: nullongotpointercapture: nullonlostpointercapture: nullonpointerdown: nullonpointermove: nullonpointerup: nullonpointercancel: nullonpointerover: nullonpointerout: nullonpointerenter: nullonpointerleave: nullonselectstart: nullonselectionchange: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullontransitionend: nulldataset: DOMStringMap {}nonce: ""autofocus: falsetabIndex: -1enterKeyHint: ""onpointerrawupdate: nullnamespaceURI: "http://www.w3.org/1999/xhtml"prefix: nulllocalName: "div"tagName: "DIV"id: ""className: "mapboxgl-map"classList: DOMTokenList ["mapboxgl-map", value: "mapboxgl-map"]slot: ""attributes: NamedNodeMap {0: class, 1: style, class: class, style: style, length: 2}shadowRoot: nullpart: DOMTokenList [value: ""]assignedSlot: nullinnerHTML: "<div class="mapboxgl-canary" style="visibility: hi"outerHTML: "<div class="mapboxgl-map" style="height: 100vh; wi"scrollTop: 0scrollLeft: 0scrollWidth: 903scrollHeight: 873clientTop: 0clientLeft: 0clientWidth: 903clientHeight: 873attributeStyleMap: StylePropertyMap {size: 2}onbeforecopy: nullonbeforecut: nullonbeforepaste: nullonsearch: nullelementTiming: ""previousElementSibling: nullnextElementSibling: nullchildren: HTMLCollection(6) [div.mapboxgl-canary, div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, div.mapboxgl-control-container, div.sc-AxhUy.cAaTED.mapboxgl-ctrl, div.sc-AxgMl.dBugAm.mapboxgl-ctrl, div.sc-AxheI.ThdBj]firstElementChild: div.mapboxgl-canarylastElementChild: div.sc-AxheI.ThdBjchildElementCount: 6onfullscreenchange: nullonfullscreenerror: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullnodeType: 1nodeName: "DIV"baseURI: "http://localhost:3000/"isConnected: trueownerDocument: documentparentNode: div#rootparentElement: div#rootchildNodes: NodeList(6) [div.mapboxgl-canary, div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, div.mapboxgl-control-container, div.sc-AxhUy.cAaTED.mapboxgl-ctrl, div.sc-AxgMl.dBugAm.mapboxgl-ctrl, div.sc-AxheI.ThdBj]firstChild: div.mapboxgl-canarylastChild: div.sc-AxheI.ThdBjpreviousSibling: nullnextSibling: nullnodeValue: nulltextContent: "© Mapbox © OpenStreetMap Improve this mapFind an actFind an act"__reactInternalInstance$psgou9red6o: FiberNode {tag: 5, key: null, elementType: "div", type: "div", stateNode: div.mapboxgl-map, …}__reactEventHandlers$psgou9red6o: {className: undefined, style: {…}, children: false}__proto__: HTMLDivElement_onWindowOnline: ƒ ()_onWindowResize: ƒ ()_contextLost: ƒ ()_contextRestored: ƒ ()_missingCSSCanary: div.mapboxgl-canary_canvasContainer: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotate_canvas: canvas.mapboxgl-canvas_controlContainer: div.mapboxgl-control-container_controlPositions: {top-left: div.mapboxgl-ctrl-top-left, top-right: div.mapboxgl-ctrl-top-right, bottom-left: div.mapboxgl-ctrl-bottom-left, bottom-right: div.mapboxgl-ctrl-bottom-right}painter: po {context: Lt, transform: mo, _tileTextures: {…}, tileExtentBuffer: j, tileExtentSegments: ea, …}_listeners: {move: Array(2), moveend: Array(4), zoom: Array(1), styledata: Array(2), sourcedata: Array(2), …}scrollZoom: wo {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _delta: 0, _defaultZoomRate: 0.01, _wheelZoomRate: 0.0022222222222222222, …}boxZoom: Eo {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _container: div.mapboxgl-map, _clickTolerance: 3, _onMouseMove: ƒ, …}dragRotate: Io {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _state: "enabled", _button: "right", _bearingSnap: 7, …}dragPan: Co {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _state: "enabled", _clickTolerance: 3, _inertiaOptions: {…}, …}keyboard: Po {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _enabled: true, _onKeyDown: ƒ}doubleClickZoom: Lo {_map: r, _enabled: true, _onZoomEnd: ƒ}touchZoomRotate: Do {_map: r, _el: div.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rota…, _onMove: ƒ, _onEnd: ƒ, _onTouchFrame: ƒ, …}_hash: false_localIdeographFontFamily: "sans-serif"style: i {map: r, dispatcher: e, imageManager: i, glyphManager: y, lineAtlas: E, …}_styleDirty: false_sourcesDirty: false_frame: null_placementDirty: false_loaded: true_delegatedListeners: {click: Array(1), mouseenter: Array(1), mouseleave: Array(1), mousedown: Array(1), touchstart: Array(1)}_fullyLoaded: true_oneTimeListeners: {mousemove: Array(0), mouseup: Array(0)}__proto__: ifeatures: [ep]feature: epgeometry: (...)type: "Feature"_vectorTileFeature: ss {properties: {…}, extent: 8192, type: 1, _pbf: Zs, _geometry: 81, …}properties: {id: 14}id: undefinedlayer: {id: "layer-1", type: "symbol", source: "layer-1", layout: {…}}source: "layer-1"state: {}__proto__: Objectmap: r {_moving: false, _zooming: false, transform: mo, _bearingSnap: 7, _renderFrameCallback: ƒ, …}__proto__: Object

Reason I want this is to attach my own popup to the element

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8

github_iconTop GitHub Comments

1reaction
Cantinabandcommented, Apr 12, 2020

you want to have some marker popover? try to use the popover with anchorPosition instead of using anchorEl! From the feature click you get the click coordinates point {x,y} so give that coordinates to the popover as anchor

0reactions
CSFlorincommented, Apr 28, 2020

ah that is nice! thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Event.target not working when clicked outside of the div to ...
It's function is to close the form when click outside of the div. window.onclick = function(event){ if(event.target == box){ ...
Read more >
Event.target - Web APIs | MDN
The read-only target property of the Event interface is a reference to the object onto which the event was dispatched.
Read more >
event.target | jQuery API Documentation
Implements a simple event delegation: The click handler is added to an unordered list, and the children of its li children are hidden....
Read more >
React onClick event handlers: A complete guide
Learn the basics of React's onClick event handler, including event listening, onClick buttons, synthetic events, custom events, and more.
Read more >
onclick event in Apex:inputfeild is not calling javascript function
There's no need to use ID values here, just use event.target: <apex:inputfield required="true" onclick="getEmail(event)" value="{!
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found