Handle scroll overflow on photo meta

src/photo/PhotoLarge.tsx

@@ -256,10 +256,15 @@ export default function PhotoLarge({
         >
           {renderLargePhoto}
         </Link>}
+      classNameSide="relative"
       contentSide={
+        <div className="absolute inset-0">
           <DivDebugBaselineGrid className={clsx(
-          'relative',
             'sticky top-4 self-start -translate-y-1',
+            'overflow-y-scroll',
+            'max-h-full',
+          )}>
+            <div className={clsx(
               'grid grid-cols-2 md:grid-cols-1',
               'gap-x-0.5 sm:gap-x-1 gap-y-baseline',
               'pb-6',
@@ -454,7 +459,9 @@ export default function PhotoLarge({
                   </div>
                 </div>
               </div>
-        </DivDebugBaselineGrid>}
+            </div>
+          </DivDebugBaselineGrid>
+        </div>}
     />
   );
 };