From 1fbdfd03b57cc228aca95a6605ceb446e42bca92 Mon Sep 17 00:00:00 2001 From: canditocheeto <264169610+canditocheeto@users.noreply.github.com> Date: Fri, 29 May 2026 11:46:30 -0400 Subject: [PATCH] =?UTF-8?q?a11y(1.4.10):=20activity-options=20drawer=20?= =?UTF-8?q?=E2=80=94=20make=20width=20responsive=20so=20it=20reflows=20at?= =?UTF-8?q?=20320=20px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The activity-options-update-drawer passed class="w-[480px]" to the Holocene primitive. tailwind-merge resolves the conflicting width utilities in favor of the consumer's class, overriding the primitive's responsive default (w-screen sm:max-w-fit). At a 320 CSS px viewport the drawer was anchored right-0 and extended 160 px off the viewport's left edge, triggering horizontal page scroll. WCAG 1.4.10 explicitly requires content to reflow without horizontal scrolling at 320 CSS px. The two-breakpoint form (w-screen sm:w-[480px]) keeps the drawer full-width below the sm: breakpoint (< 640 px) and at 480 px from sm: and above, matching the original desktop intent. No primitive change; the other three Drawer consumers in the repo pass viewport-relative widths or no override and are already correct. Co-Authored-By: Claude Opus 4.7 (1M context) --- .../components/activity/activity-options-update-drawer.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/activity/activity-options-update-drawer.svelte b/src/lib/components/activity/activity-options-update-drawer.svelte index 01a0bcf8c4..5be9347a56 100644 --- a/src/lib/components/activity/activity-options-update-drawer.svelte +++ b/src/lib/components/activity/activity-options-update-drawer.svelte @@ -123,7 +123,7 @@ id="activity-options-update-drawer" dark={false} closeButtonLabel={translate('common.close')} - class="w-[480px]" + class="w-screen sm:w-[480px]" >