- Issue created by @jessebaker
- Issue was unassigned.
- Status changed to Closed: duplicate
20 days ago 2:54pm 13 January 2025 - 🇬🇧United Kingdom jessebaker
Closing as dupe of ✨ Leverage HTML comment annotations, remove wrapping div elements Active
Building on the work in 📌 Add HTML comments to twig output to attempt to allow in-place editing Active to wrap each component in a pair of HTML comments, the work to update the React app to use those annotations can begin.
To start with, removing the injected <div class="xb--sortable-item" data-xb-uuid="%s" data-xb-component-id="%s"> tags wrapping each component will mean the preview is immediately more accurate to the final rendered page.
Once that is done, the overlay for each component rendered by ComponentOverlay.tsx needs to be based on the new prefixed/suffixed comments. In doing this, support for SDC's that have more than 1 top level element.
Active
0.0
Page builder
Closing as dupe of ✨ Leverage HTML comment annotations, remove wrapping div elements Active