From e09296ef517f7c05defb08a659d1de074ff898bb Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Sun, 12 Jan 2025 12:10:47 -0800
Subject: [PATCH] Fix outfit editor bug where opening style picker increases
 page height

---
 app/javascript/wardrobe-2020/WardrobePage/PosePicker.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/javascript/wardrobe-2020/WardrobePage/PosePicker.js b/app/javascript/wardrobe-2020/WardrobePage/PosePicker.js
index 96ab16be..d13db88d 100644
--- a/app/javascript/wardrobe-2020/WardrobePage/PosePicker.js
+++ b/app/javascript/wardrobe-2020/WardrobePage/PosePicker.js
@@ -723,6 +723,13 @@ function StyleOption({ altStyle, checked, onChange, inputRef }) {
 						checked={checked}
 						onChange={(e) => onChange(altStyle.id)}
 						ref={inputRef}
+						// HACK: Without this, the page extends super long. I think this is
+						//       because the VisuallyHidden just uses `position: absolute`,
+						//       which makes it float invisibly *beyond* the scrolling
+						//       container it's in, extending the page? But if we put it at
+						//       the top-left corner instead, it doesn't.
+						left="0"
+						top="0"
 					/>
 					<Flex
 						alignItems="center"