title: Allow pointer events in invisible part of a clip path
body: <p>I need to find out way to dispatch pointer events through an element that has a clip-path property on it, in the hidden part of it. Is there anyway to do this or is this literally impossible according to the HTML spec? Additionally, is there any way to dispatch pointer events when a container is set to overflow hidden and I need to capture pointer events on the part that is hidden?</p>
  <p>Either one of these methods would work</p>
  <p>Here is a demo of what I need to work:</p>
  <p><strong>HTML:</strong></p>
  <pre><code>&lt;div id=&quot;container&quot;&gt;
    &lt;div id=&quot;child&quot;&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>CSS:</strong></p>
  <pre><code>#container {
    width: 100px;
    height: 100px;
    background: blue;
    position: relative;
  /*   overflow: hidden; */
    clip-path: inset(0 0 0 0);
  /*  I need either overflow hidden or this clip path to register events just to the right of the green  */
  }
  
  #child {
    position: absolute;
    left: 50px;
    top: 0px;
    width: 100px;
    height: 100px;
    background: green;
  
  }
  
  #child:hover {
    background: red;
  }
  </code></pre>
  <p>Here is the link of <a href="https://codepen.io/alex-nelson/pen/xxVeeRw" rel="nofollow noreferrer">code</a></p>