<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Event propagation down to divs inside &amp;amp;quot;map_layers&amp;amp;quot; element in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-down-to-divs-inside-amp-quot-map/m-p/452313#M41813</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Hello group,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; Does anybody knows or willing to share if it is possible to let the mouse event reach to a div inside the layers element? That means event on individual layers such as tiled, dynamic layer or any customer layer.&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; Right now, the DOM structure is like:&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
map_zoom_slider
map_infowindow
map_container
&amp;nbsp;&amp;nbsp;&amp;nbsp; map_layers
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ...individual_layers
&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;BR /&gt;&lt;SPAN&gt;the slider and infor window can capture mouse events, however, event is not reaching further down to individual layers, they all stopped at map_container div and it's children cannot receive any events. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; I can somehow use an external control to temporarily lift my div on top of map_container, so it will receive events such as mouse down/move(drag) etc. It works but have potential side effects with event listeners because the DOM structure changed. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; I also temped messing with z-index, not work as wished.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; The actual use case is to allow google streetview pegman icon draggable when it is loaded into JSAPI as a div inside div map_layers. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 10 Oct 2011 19:59:22 GMT</pubDate>
    <dc:creator>NianweiLiu</dc:creator>
    <dc:date>2011-10-10T19:59:22Z</dc:date>
    <item>
      <title>Event propagation down to divs inside &amp;quot;map_layers&amp;quot; element</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-down-to-divs-inside-amp-quot-map/m-p/452313#M41813</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;SPAN&gt;Hello group,&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt; Does anybody knows or willing to share if it is possible to let the mouse event reach to a div inside the layers element? That means event on individual layers such as tiled, dynamic layer or any customer layer.&lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; Right now, the DOM structure is like:&lt;/SPAN&gt;&lt;BR /&gt;&lt;PRE class="plain" name="code"&gt;
map_zoom_slider
map_infowindow
map_container
&amp;nbsp;&amp;nbsp;&amp;nbsp; map_layers
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ...individual_layers
&lt;/PRE&gt;&lt;DIV style="display:none;"&gt; &lt;/DIV&gt;&lt;BR /&gt;&lt;SPAN&gt;the slider and infor window can capture mouse events, however, event is not reaching further down to individual layers, they all stopped at map_container div and it's children cannot receive any events. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; I can somehow use an external control to temporarily lift my div on top of map_container, so it will receive events such as mouse down/move(drag) etc. It works but have potential side effects with event listeners because the DOM structure changed. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; I also temped messing with z-index, not work as wished.&lt;/SPAN&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; The actual use case is to allow google streetview pegman icon draggable when it is loaded into JSAPI as a div inside div map_layers. &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;&amp;nbsp; &lt;/SPAN&gt;&lt;BR /&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 10 Oct 2011 19:59:22 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-down-to-divs-inside-amp-quot-map/m-p/452313#M41813</guid>
      <dc:creator>NianweiLiu</dc:creator>
      <dc:date>2011-10-10T19:59:22Z</dc:date>
    </item>
  </channel>
</rss>

