🐛 bug report

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project
  adheres to.
• I have searched the issue tracker for an issue that matches the one I want
  to file, without success.

Description of the problem

When you resize the responsive preview by fastly moving the mouse, and when the cursor goes over the iframe containing the preview, the resizing stops. The iframe swallows the onmousemove event, and thus stops the resizing.

How has this issue affected you? What are you trying to accomplish?

It prevents the user from resizing the responsive preview at a fast pace. You have to be careful so as to not let the cursor go over the iframe. This becomes a problem when when the responsive preview is set to a high resolution (eg. FHD).

To Reproduce

I've attached a before/after video. Alternatively, to reproduce it, just open a sandobx, click on toggle responsive preview, and try resizing the preview.

How it works now:

preview-resizing-before.mov

How it's supposed to work:

preview-resizing-after.mov

Link to sandbox: Open any sandbox to reproduce this issue.

Your Environment

Software	Name/Version
Сodesandbox	0.1.0
Browser	Chrome 96
Operating System	MacOS Monterey