Positioning of annotations for slots + child components is lost until server load
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3547660. -->
Reported by: [lauriii](https://www.drupal.org/user/1078742)
Related to !217
>>>
<h3 id="overview">Overview</h3>
<p>It looks like positioning of annotations for slots is lost and they move to the top left corner of the canvas when real-time updates are being applied to content. The annotations move back to correct position after the server responds.</p>
<p><img src="https://www.drupal.org/files/issues/2025-09-19/CleanShot%202025-09-19%20at%2018.29.10.gif" alt=""></p>
<p>I've attached a code component "section" that exhibits the issue.<br>
Create a new page, add a Section component to the editor frame. Change its background color prop. You will see how the slot’s UI annotation moves to the top for a moment. (thanks @balintbrews)</p>
<h3 id="reproduce">Steps to reproduce</h3>
<p>I've attached a code component "section" that exhibits the issue. Also need to add <a href="https://github.com/balintbrews/canvas-cc-starter/blob/main/src/components/global.css">https://github.com/balintbrews/canvas-cc-starter/blob/main/src/components/global.css</a> to Global CSS in your Canvas code editor for the styles to work.</p>
<p>Create a new page, add a Section component to the editor frame. Change its background color prop. You will see how the slot’s UI annotation moves to the top for a moment. (thanks @balintbrews)</p>
<h3 id="proposed-resolution">Proposed resolution</h3>
<h3 id="ui-changes">User interface changes</h3>
> Related issue: [Issue #3514910](https://www.drupal.org/node/3514910)
issue