title: How to get dragging coordinates for Chrome's Picture in picture Element?
body: <p>I was able to use Picture in picture API But I am just wondering can we attached event handlers such as drag or resize in chrome browser desktop. I've tried to treat Picture in picture tab as normal DOM element and attach event handlers but it not working</p>
  
  <p>My try</p>
  
  <pre><code> listenForResize = e =&gt;{
          console.log(e,'It is not working')
      };
      componentDidMount() {
          let cam = this.refs.pipCam;
  
          cam.addEventListener('drag', this.listenForResize )
  
      }
  </code></pre>
  
  <p><a href="https://developers.google.com/web/updates/2017/09/picture-in-picture" rel="nofollow noreferrer">https://developers.google.com/web/updates/2017/09/picture-in-picture</a></p>