From ec66d59caab9bb49919f374d62be929617af0dc1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Miguel=20=C3=81ngel?= Date: Wed, 20 May 2026 02:20:16 -0400 Subject: [PATCH] fix(registry): add pointer-events: none to caption component roots MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Caption components are overlays — their root element should not intercept pointer events, allowing clicks to pass through to the underlying composition content in Studio. --- registry/components/caption-clip-wipe/caption-clip-wipe.html | 1 + .../caption-editorial-emphasis/caption-editorial-emphasis.html | 1 + registry/components/caption-emoji-pop/caption-emoji-pop.html | 1 + registry/components/caption-glitch-rgb/caption-glitch-rgb.html | 1 + .../components/caption-gradient-fill/caption-gradient-fill.html | 1 + registry/components/caption-highlight/caption-highlight.html | 1 + .../components/caption-kinetic-slam/caption-kinetic-slam.html | 1 + .../components/caption-matrix-decode/caption-matrix-decode.html | 1 + registry/components/caption-neon-accent/caption-neon-accent.html | 1 + registry/components/caption-neon-glow/caption-neon-glow.html | 1 + .../caption-parallax-layers/caption-parallax-layers.html | 1 + .../caption-particle-burst/caption-particle-burst.html | 1 + .../components/caption-pill-karaoke/caption-pill-karaoke.html | 1 + .../components/caption-weight-shift/caption-weight-shift.html | 1 + 14 files changed, 14 insertions(+) diff --git a/registry/components/caption-clip-wipe/caption-clip-wipe.html b/registry/components/caption-clip-wipe/caption-clip-wipe.html index f8c648810..e48662dde 100644 --- a/registry/components/caption-clip-wipe/caption-clip-wipe.html +++ b/registry/components/caption-clip-wipe/caption-clip-wipe.html @@ -26,6 +26,7 @@ background: transparent; } #clip-wipe { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-editorial-emphasis/caption-editorial-emphasis.html b/registry/components/caption-editorial-emphasis/caption-editorial-emphasis.html index a80b5d759..b90b98728 100644 --- a/registry/components/caption-editorial-emphasis/caption-editorial-emphasis.html +++ b/registry/components/caption-editorial-emphasis/caption-editorial-emphasis.html @@ -29,6 +29,7 @@ } #editorial-emphasis { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-emoji-pop/caption-emoji-pop.html b/registry/components/caption-emoji-pop/caption-emoji-pop.html index 803be14db..f5985d298 100644 --- a/registry/components/caption-emoji-pop/caption-emoji-pop.html +++ b/registry/components/caption-emoji-pop/caption-emoji-pop.html @@ -29,6 +29,7 @@ } #emoji-pop { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-glitch-rgb/caption-glitch-rgb.html b/registry/components/caption-glitch-rgb/caption-glitch-rgb.html index 6234b71c7..d0da71dc5 100644 --- a/registry/components/caption-glitch-rgb/caption-glitch-rgb.html +++ b/registry/components/caption-glitch-rgb/caption-glitch-rgb.html @@ -26,6 +26,7 @@ background: transparent; } #caption-glitch-rgb { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-gradient-fill/caption-gradient-fill.html b/registry/components/caption-gradient-fill/caption-gradient-fill.html index c0ca91b19..1b4ecc900 100644 --- a/registry/components/caption-gradient-fill/caption-gradient-fill.html +++ b/registry/components/caption-gradient-fill/caption-gradient-fill.html @@ -26,6 +26,7 @@ background: transparent; } #gradient-fill { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-highlight/caption-highlight.html b/registry/components/caption-highlight/caption-highlight.html index 69da0b9d3..261700588 100644 --- a/registry/components/caption-highlight/caption-highlight.html +++ b/registry/components/caption-highlight/caption-highlight.html @@ -26,6 +26,7 @@ background: transparent; } #highlight { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-kinetic-slam/caption-kinetic-slam.html b/registry/components/caption-kinetic-slam/caption-kinetic-slam.html index 5f096f512..38a6ce013 100644 --- a/registry/components/caption-kinetic-slam/caption-kinetic-slam.html +++ b/registry/components/caption-kinetic-slam/caption-kinetic-slam.html @@ -23,6 +23,7 @@ background: transparent; } #kinetic-slam { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-matrix-decode/caption-matrix-decode.html b/registry/components/caption-matrix-decode/caption-matrix-decode.html index e72eefa7a..7c44b778e 100644 --- a/registry/components/caption-matrix-decode/caption-matrix-decode.html +++ b/registry/components/caption-matrix-decode/caption-matrix-decode.html @@ -26,6 +26,7 @@ background: transparent; } #matrix-decode { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-neon-accent/caption-neon-accent.html b/registry/components/caption-neon-accent/caption-neon-accent.html index b4f21aeb1..6866f2095 100644 --- a/registry/components/caption-neon-accent/caption-neon-accent.html +++ b/registry/components/caption-neon-accent/caption-neon-accent.html @@ -29,6 +29,7 @@ } #neon-accent { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-neon-glow/caption-neon-glow.html b/registry/components/caption-neon-glow/caption-neon-glow.html index 71b4820ed..871a1f7b6 100644 --- a/registry/components/caption-neon-glow/caption-neon-glow.html +++ b/registry/components/caption-neon-glow/caption-neon-glow.html @@ -26,6 +26,7 @@ background: transparent; } #neon-glow { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-parallax-layers/caption-parallax-layers.html b/registry/components/caption-parallax-layers/caption-parallax-layers.html index 6f29beb65..5eba818fa 100644 --- a/registry/components/caption-parallax-layers/caption-parallax-layers.html +++ b/registry/components/caption-parallax-layers/caption-parallax-layers.html @@ -29,6 +29,7 @@ } #parallax-layers { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-particle-burst/caption-particle-burst.html b/registry/components/caption-particle-burst/caption-particle-burst.html index 555351ad9..8e0beab7f 100644 --- a/registry/components/caption-particle-burst/caption-particle-burst.html +++ b/registry/components/caption-particle-burst/caption-particle-burst.html @@ -26,6 +26,7 @@ background: transparent; } #particle-burst { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-pill-karaoke/caption-pill-karaoke.html b/registry/components/caption-pill-karaoke/caption-pill-karaoke.html index c974a4fdd..ec6c27442 100644 --- a/registry/components/caption-pill-karaoke/caption-pill-karaoke.html +++ b/registry/components/caption-pill-karaoke/caption-pill-karaoke.html @@ -29,6 +29,7 @@ } #pill-karaoke { + pointer-events: none; position: relative; width: 1920px; height: 1080px; diff --git a/registry/components/caption-weight-shift/caption-weight-shift.html b/registry/components/caption-weight-shift/caption-weight-shift.html index a9484bdee..2b92c1041 100644 --- a/registry/components/caption-weight-shift/caption-weight-shift.html +++ b/registry/components/caption-weight-shift/caption-weight-shift.html @@ -29,6 +29,7 @@ } #weight-shift { + pointer-events: none; position: relative; width: 1920px; height: 1080px;