eleven / messenger Public

prototype: suppress text selection on the fader card (#362)

A drag that wanders off the fader was selecting the headline mid-slide.
user-select: none on the card (it's an instrument, not a document), plus
-webkit-touch-callout for iOS.

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Paul Campbell 4 months ago f892847f3e5549b71c125b5d59376144094552a1 parent a9e1227

1 file changed, +4 −0

prototypes/space-lever.html +4 −0

diff --git a/prototypes/space-lever.html b/prototypes/space-lever.html

index b103930..2e18fa6 100644

--- a/prototypes/space-lever.html

+++ b/prototypes/space-lever.html

@@ -54,6 +54,10 @@

padding: 28px; width: min(440px, calc(100vw - 32px));

box-shadow: 0 12px 40px var(--shadow); text-align: center;

will-change: transform;

+ /* The card is an instrument, not a document: a drag that wanders off the

+ fader must never start selecting the headline mid-slide. */

+ -webkit-user-select: none; user-select: none;

+ -webkit-touch-callout: none;

}

h1 { font-size: 23px; font-weight: 700; line-height: 1.2; letter-spacing: -0.015em; margin: 4px 0 6px; }

p.sub { color: var(--muted); font-size: 14px; margin: 0 0 22px; }