Video Optimization: MOV placeholder element position wrong

[swissspidy]

Bug Description

When dropping an MOV file into the editor, the video dimensions are not yet known. So we display a placeholder element in the center of the canvas.

However, this initial positioning seems to have broken recently, as in, it is not centered anymore. Perhaps with the introduction of zooming?

Expected Behaviour

The placeholder element should not be displayed off-canvas.

The position should match the one from #7766.

Steps to Reproduce

1. Drop MOV file into editor
2. See how the placeholder is positioned partly off-canvas

Screenshots

Position off canvas:

In #6541 it looked like this:

Additional Context

• Plugin Version: 1.7
• WordPress Version: 5.7
• Operating System: macOS
• Browser: Chrome

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance Criteria

• Placeholder element not positioned off-canvas anymore
• Position should match the UX from Media: Transcode videos inserted from WordPress media modal #7766

Implementation Brief

• This probably needs updating in useUploadWithPreview.js

[csossi]

Verified in QA