chore(examples): mark product-promo cursor and comment layering intentional

The persistence-tier promotion surfaced two held content_overlap errors
on the hero heading; zooming in shows the collaborative-cursor demo
(cursor badge + typed comment bubble) hovering by design. Opt out with
data-layout-allow-overlap per the finding's own fixHint. The example's 4
pre-existing gsap_css_transform_conflict lint errors stay for a separate
example-maintenance pass.
This commit is contained in:
Miguel Angel Simon Sierra
2026-07-10 13:27:53 -04:00
parent 94f6de8b8d
commit b218ee7443
@@ -72,7 +72,7 @@
</div>
<!-- Comment Pin & Bubble -->
<div class="comment-container">
<div class="comment-container" data-layout-allow-overlap>
<div class="comment-pin">
<div class="checkmark"></div>
</div>
@@ -82,19 +82,19 @@
</div>
<!-- Cursors -->
<div class="cursor designer-cursor">
<div class="cursor designer-cursor" data-layout-allow-overlap>
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M0 0 L 16 16 L 9.5 16 L 6.5 23 L 6.5 16 L 0 16 Z" fill="white" stroke="black" />
</svg>
<div class="cursor-label">Designer</div>
</div>
<div class="cursor engineer-cursor">
<div class="cursor engineer-cursor" data-layout-allow-overlap>
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M0 0 L 16 16 L 9.5 16 L 6.5 23 L 6.5 16 L 0 16 Z" fill="white" stroke="black" />
</svg>
<div class="cursor-label">Engineer</div>
</div>
<div class="cursor pm-cursor">
<div class="cursor pm-cursor" data-layout-allow-overlap>
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M0 0 L 16 16 L 9.5 16 L 6.5 23 L 6.5 16 L 0 16 Z" fill="white" stroke="black" />
</svg>