Feature onClick event target unavailable?
See original GitHub issueHow 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:
- Created 3 years ago
- Comments:8
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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
ah that is nice! thanks!