title: Pointer events for multiple absolute positioned elements
body: <p>I am trying to sync an Openlayers and a Google Maps element.</p>
  <p>Both elements are positioned absolute on top of each other in a Parent element.</p>
  <pre><code>&lt;div id=&quot;Parent&quot;&gt;
    &lt;div id=&quot;Bottom&quot;&gt;&lt;/div&gt;
    &lt;div id=&quot;Top&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Drag (pan) and scroll (zoom change) pointer events are only received by the Top element.</p>
  <p>Is it possible to pass events to two absolute positioned siblings?</p>
  <p>I have created a codepen for this with the pointer-events set to none for the Top element. This enables the pointer events for the Bottom element.</p>
  <p><a href="https://codepen.io/dbauszus-glx/pen/WNMmRrq" rel="nofollow noreferrer">https://codepen.io/dbauszus-glx/pen/WNMmRrq</a></p>