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&rsquo;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&rsquo;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