diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
index 509c80e491..3a583d03be 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/bookings/list.tt
@@ -432,6 +432,7 @@
             $("#cancellation-reason").comboBox({
                 displayProperty: 'name',
                 placeholder: _("Select or type a reason"),
+                context: 'modal',
             });
 
         });
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
index 29aa6532b9..388d30d7eb 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tt
@@ -1247,6 +1247,7 @@
             $("#cancellation-reason").comboBox({
                 displayProperty: 'name',
                 placeholder: _("Select or type a reason"),
+                context: 'modal',
             });
         });
     </script>
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tt
index cdb10f8e48..4c0b7f7392 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tt
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/members/moremember.tt
@@ -855,6 +855,7 @@
             $("#cancellation-reason").comboBox({
                 displayProperty: 'name',
                 placeholder: _("Select or type a reason"),
+                context: 'modal',
             });
         });
     </script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/combobox.js b/koha-tmpl/intranet-tmpl/prog/js/combobox.js
index 813b649849..c7ad9d2efe 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/combobox.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/combobox.js
@@ -11,6 +11,7 @@
      * @param {boolean} [config.useKeyAsValue=false] - Whether to use the option's key (either HTML data-* or JavaScript `valueProperty`) as the value of the input (default: false).
      * @param {string} [config.placeholder='Select or type a value'] - Placeholder text for the input element.
      * @param {string} [config.labelId=''] - Optional ID of the associated label element.
+     * @param {string} [config.context='default'] - Positioning context ('default' or 'modal').
      *
      * @example
      * ```html
@@ -35,9 +36,10 @@
      *     displayProperty: 'name',
      *     valueProperty: 'id',
      *     useKeyAsValue: true,
+     *     context: 'modal',
      * });
      * // or using jQuery
-     * $("#generic-combobox").comboBox({ ... });
+     * $("#generic-combobox").comboBox({ displayProperty: 'name', context: 'modal' });
      * </script>
      * ```
      */
@@ -51,6 +53,7 @@
             placeholder = "Select or type a value",
             labelId = "",
             useKeyAsValue = false,
+            context = "default",
         } = config;
 
         const input = document.getElementById(inputId);
@@ -60,9 +63,16 @@
             return;
         }
 
-        const bootstrapDropdown = new bootstrap.Dropdown(input, {
+        const dropdownOptions = {
             autoClose: false,
-        });
+            popperConfig: {
+                strategy: { default: "absolute", modal: "fixed" }[context],
+            },
+        };
+        const bootstrapDropdown = new bootstrap.Dropdown(
+            input,
+            dropdownOptions
+        );
 
         // Existing options from HTML
         const existingOptions = Array.from(dropdownMenu.querySelectorAll("li"))