REGRESSION: Editing image generates multiple nested shadow root divs and breaks resize reflow

[liangdrime]

Describe the bug
It's a regression introduced by Fix editor jump when entering image edit mode
#3373 in 9.55.0.

To Reproduce
Steps to reproduce the behavior:

1. Insert an image A into the editor.
2. Click image A → resize handles appear. Drag to resize.
   • Observe 1: surrounding paragraphs do not move during the drag; they only reposition after the resize is committed.
3. Insert another image B and resize it.
4. Click image A -> B -> A -> B repeatedly.
   • Observe 2: when click image A from B, the spacing between image A and B disappears which caused the image B jumps up.
   • Observe 3: it generates multiple ImageEditShadowRoot nested div elements that wraps the images.

Screenshots

Device Information

• macOS
• Safari
• Version 9.55.0

Additional context
Issues of "Observe 1,2" reproduced both on Safari and Chrome, "Observe 3" only occurs on Safari based on my test.