From fe5d694aebfe445d4b785a4f7c54c0bbb6b404bc Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 15 Aug 2026 07:20:17 -0700
Subject: [PATCH] Try interactive-widget=resizes-content

---
 .../custom-fields-dropdown.component.html             |  2 +-
 .../custom-fields-dropdown.component.scss             | 11 -----------
 src-ui/src/index.html                                 |  2 +-
 3 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.html b/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.html
index 5601be888..79b93ee31 100644
--- a/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.html
+++ b/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.html
@@ -1,4 +1,4 @@
-<div ngbDropdown #fieldDropdown="ngbDropdown" (openChange)="onOpenClose($event)" placement="bottom-end" [popperOptions]="popperOptions">
+<div ngbDropdown #fieldDropdown="ngbDropdown" (openChange)="onOpenClose($event)" [popperOptions]="popperOptions">
     <button type="button" class="btn btn-sm btn-outline-primary" id="customFieldsDropdown" [disabled]="disabled" ngbDropdownToggle>
       <i-bs name="ui-radios"></i-bs><div class="d-none d-lg-inline ms-1"><ng-container i18n>Custom Fields</ng-container></div>
     </button>
diff --git a/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.scss b/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.scss
index f5f8fc681..302dbfe77 100644
--- a/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.scss
+++ b/src-ui/src/app/components/common/custom-fields-dropdown/custom-fields-dropdown.component.scss
@@ -6,16 +6,5 @@
         &.show {
             margin-left: -245px !important;
         }
-
-        .list-group {
-            max-height: min(50dvh, 20rem);
-            overflow-y: auto;
-        }
-
-        .list-group-item:first-child {
-            position: sticky;
-            top: 0;
-            z-index: 1;
-        }
     }
 }
diff --git a/src-ui/src/index.html b/src-ui/src/index.html
index de85328f3..35c9abe3a 100644
--- a/src-ui/src/index.html
+++ b/src-ui/src/index.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>Paperless-ngx</title>
   <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, interactive-widget=resizes-content">
   <meta name="color-scheme" content="dark light">
   <meta name="theme-color" content="#17541f" />
   <link rel="manifest" href="manifest.webmanifest">