Dropping a component outside of the focused region breaks the preview

Overview

When focused into a region, dragging and dropping a component to a space outside of the focused region incorrectly inserts HTML into the DOM but does not trigger a re-render of the preview on the server. This leaves the preview in a broken/out of sync state.

I have found this hard to replicate but it certainly seems like a factor in the issue is that you can drop items into slots that in the content region even when focused into a different region.

Proposed resolution

Dropping a component outside of the focused region should not do anything!

User interface changes