Currently, in the HTML preview regions are denominated with a wrapping <div data-xb-region=""> as follows:
<div data-xb-region="highlighted" data-xb-uuid="highlighted">
<div class="region region--highlighted grid-full layout--pass--content-medium">
</div>
</div>
The outer div should be removed and replaced with HTML comments. <!-- xb-region-start-highlighted --> and <!-- xb-region-end-highlighted -->
Once the HTML comments are in, the React app will need to be updated to find regions based on those comments, however I believe it might make sense to complete the work on ✨ Focus mode for global regions Active first.
✨ Proposal: Adjust representation of Regions in the Layers UI Postponed: needs info is also related.
Active
0.0
Page builder
✨ Leverage HTML comment annotations, remove wrapping div elements Active and ✨ Focus mode for global regions Active should land first.
✨ Leverage HTML comment annotations, remove wrapping div elements Active is in!