From 63b288ddfc223dd12bf6338e5dcc2c9bc1da3c55 Mon Sep 17 00:00:00 2001
From: Kian Cross <kian@kiancross.co.uk>
Date: Fri, 9 Aug 2024 08:16:37 +0100
Subject: [PATCH] Fix clipped form content when editing photo's 'about'
 information (#2517)

The `overflow-clip` class on the form container for editing a photo's
'about' information prevented scrolling, resulting in content being
cut off on some screen sizes. This commit adjusts the overflow
property to clip only the x-axis, while setting the y-axis overflow
to `auto`, ensuring the entire form content remains accessible.
---
 resources/views/components/gallery/view/photo.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/gallery/view/photo.blade.php b/resources/views/components/gallery/view/photo.blade.php
index d82b2b46b4..57740dd32f 100644
--- a/resources/views/components/gallery/view/photo.blade.php
+++ b/resources/views/components/gallery/view/photo.blade.php
@@ -117,7 +117,7 @@ class="absolute top-0 h-1/4 w-full sm:w-1/2 left-1/2 -translate-x-1/2 opacity-50
 			</template>
 		</div>
 		<template x-if="photo.rights.can_edit">
-			<div class="h-full relative overflow-clip w-0 bg-bg-800 transition-all"
+			<div class="h-full relative overflow-x-clip overflow-y-auto w-0 bg-bg-800 transition-all"
 				x-bind:class="photoFlags.isEditOpen ? 'w-full' : 'w-0 translate-x-full'">
 				<x-gallery.photo.properties />
 			</div>