From 85dafd49310d7a5ff1741c137043d148c890202a Mon Sep 17 00:00:00 2001
From: Eric Mc Sween <5454374+emcsween@users.noreply.github.com>
Date: Mon, 8 Jun 2026 15:08:52 -0400
Subject: [PATCH] Merge pull request #34333 from
 overleaf/em-scrollable-bibtex-modals

[web] Scroll the contents of the BibTeX modals

GitOrigin-RevId: 8fcbe2520dca458d0fa15ba98047d0bdfcb53596
---
 .../web/frontend/stylesheets/components/modal.scss   | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/services/web/frontend/stylesheets/components/modal.scss b/services/web/frontend/stylesheets/components/modal.scss
index fcde021afb..d9da3cc1e4 100644
--- a/services/web/frontend/stylesheets/components/modal.scss
+++ b/services/web/frontend/stylesheets/components/modal.scss
@@ -33,6 +33,18 @@
   }
 }
 
+// OLModal wraps children in a FocusTrap that renders a <div> between
+// .modal-content and .modal-header/.modal-body/.modal-footer, breaking
+// Bootstrap's flex chain for scrollable modals. Make it a flex column so
+// .modal-body inside it can grow and scroll correctly.
+.modal-dialog-scrollable .modal-content > div {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  flex: 1 1 auto;
+}
+
 .modal-content {
   @include shadow-lg;