Merge pull request #1368 from plone/relateditems-infiniteloading-issue

Fix relateditems select2 results dropdown/up
plone · Feb 26, 2024 · 07dd8ca · 07dd8ca
2 parents 13ba508 + 0ecd52d
commit 07dd8ca
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/pat/relateditems/relateditems.js b/src/pat/relateditems/relateditems.js
@@ -687,11 +687,12 @@ export default Base.extend({
         this.renderToolbar();
         this.$el.on("select2-loaded", () => {
             let yMax = window.innerHeight || document.documentElement.clientHeight;
+            const relitem_rect = this.el.parentElement.getBoundingClientRect();
             const element = $(
-                ".pat-relateditems-dropdown.select2-drop-active .select2-results"
+                "#select2-drop.pat-relateditems-dropdown.select2-drop-active .select2-results"
             )[0];
             const rect = element.getBoundingClientRect();
-            const maxHeight = yMax - rect.top - 18;
+            const maxHeight = ((relitem_rect.top > rect.top) ? relitem_rect.top : yMax - rect.top) - 18;
             $(element).css("max-height", `${maxHeight}px`);
         });