From cdac0b03db79ce5f71584fa093731cd4902f12ca Mon Sep 17 00:00:00 2001
From: Awab Abdoun <awabcodes@gmail.com>
Date: Wed, 20 May 2026 10:08:23 +0200
Subject: [PATCH] fix(files-drop): Fix upload confirmation not visible at small
 viewports

---
 .../bugfix-files-drop-upload-info-not-visible.md         | 5 +++++
 packages/web-app-files/src/views/FilesDrop.vue           | 9 +++------
 2 files changed, 8 insertions(+), 6 deletions(-)
 create mode 100644 changelog/unreleased/bugfix-files-drop-upload-info-not-visible.md

diff --git a/changelog/unreleased/bugfix-files-drop-upload-info-not-visible.md b/changelog/unreleased/bugfix-files-drop-upload-info-not-visible.md
new file mode 100644
index 00000000000..20460d1be79
--- /dev/null
+++ b/changelog/unreleased/bugfix-files-drop-upload-info-not-visible.md
@@ -0,0 +1,5 @@
+Bugfix: Fix upload confirmation not visible on file drop page
+
+We've fixed a responsive layout issue where the upload confirmation message was not visible at small browser window sizes on the file drop page. The `UploadInfo` panel was being clipped due to broken CSS. The layout now uses natural document flow so the confirmation is always visible regardless of viewport size.
+
+https://github.com/owncloud/web/pull/13796
diff --git a/packages/web-app-files/src/views/FilesDrop.vue b/packages/web-app-files/src/views/FilesDrop.vue
index 528c2034ea0..b4f011e2260 100644
--- a/packages/web-app-files/src/views/FilesDrop.vue
+++ b/packages/web-app-files/src/views/FilesDrop.vue
@@ -35,10 +35,10 @@
             </div>
           </div>
 
-          <div class="oc-overflow-hidden">
+          <div>
             <upload-info
               id="files-drop-upload-info"
-              class="oc-width-1-1 oc-height-1-1 oc-overflow-hidden oc-display-grid"
+              class="oc-width-1-1 oc-height-1-1"
               :info-expanded-initial="true"
               :headless="true"
               :show-expand-details-button="false"
@@ -331,6 +331,7 @@ defineExpose({ loading })
     padding: var(--oc-space-medium);
     border: none;
     position: relative;
+    overflow-y: auto;
 
     @media (min-width: $oc-breakpoint-small-default) {
       border: 3px dashed var(--oc-color-input-border);
@@ -393,8 +394,4 @@ defineExpose({ loading })
   position: absolute;
   z-index: 9;
 }
-
-#files-drop-upload-info {
-  grid-template-columns: max-content;
-}
 </style>