From 4f0e701d68315a7fe602592e36ce43c70c48f49a Mon Sep 17 00:00:00 2001
From: amosblomqvist <amosblomqvist@gmail.com>
Date: Mon, 5 Oct 2026 06:53:42 +0300
Subject: [PATCH] fix: the draft pick pill re-enables pointer events (the
 none-mask law)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The sticky composer wrapper is a pointer-events-none mask; the pill
row sat outside the composer box's re-enable, so it rendered dead —
no hover, no click. One class, the 953b22b pattern the CTA row and
composer box already follow.
---
 components/new-session.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/new-session.tsx b/components/new-session.tsx
index b9bc716..ff8f1a7 100644
--- a/components/new-session.tsx
+++ b/components/new-session.tsx
@@ -171,7 +171,10 @@ export function DraftShell({
 							<div className={DOCK}>
 								{setupCta}
 								{(picks.length > 0 || mode === "practice") && (
-									<div className="mb-2 flex items-center justify-start gap-1.5">
+									/* pointer-events-auto: the sticky wrapper is a none-mask
+									 * (953b22b) — every interactive row below it must re-enable
+									 * itself, like the composer box and the CTA row do. */
+									<div className="pointer-events-auto mb-2 flex items-center justify-start gap-1.5">
 										<button
 											type="button"
 											data-testid="practice-props-chip"