From dd93bf81bae420fe8e0d5ab81abf12f5da3970b8 Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Tue, 27 Apr 2021 08:51:36 -0400
Subject: [PATCH] scroll in context menu (#785)

---
 .../ContextMenu/contextMenuDesktop.vue        | 94 ++++++++++---------
 1 file changed, 49 insertions(+), 45 deletions(-)

diff --git a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
index 1885faa7..b8bb9bc2 100644
--- a/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
+++ b/src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
@@ -127,30 +127,32 @@
         {{ $t('components.contextMenuRelations') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
       <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item
-          v-for="(relation, index) in relationsList"
-          :key="index"
-          :command="relation"
-          :divided="true"
-        >
-          <div class="contents">
-            <div style="margin-right: 5%;margin-top: 10%;">
-              <svg-icon :icon-class="relation.meta.icon" />
+        <el-scrollbar wrap-class="scroll-child">
+          <el-dropdown-item
+            v-for="(relation, index) in relationsList"
+            :key="index"
+            :command="relation"
+            :divided="true"
+          >
+            <div class="contents">
+              <div style="margin-right: 5%;margin-top: 10%;">
+                <svg-icon :icon-class="relation.meta.icon" />
+              </div>
+              <div>
+                <span class="contents">
+                  <b class="label">
+                    {{ relation.meta.title }}
+                  </b>
+                </span>
+                <p
+                  class="description"
+                >
+                  {{ relation.meta.description }}
+                </p>
+              </div>
             </div>
-            <div>
-              <span class="contents">
-                <b class="label">
-                  {{ relation.meta.title }}
-                </b>
-              </span>
-              <p
-                class="description"
-              >
-                {{ relation.meta.description }}
-              </p>
-            </div>
-          </div>
-        </el-dropdown-item>
+          </el-dropdown-item>
+        </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
     <el-dropdown size="mini" @command="clickReferences">
@@ -158,27 +160,29 @@
         {{ $t('components.contextMenuReferences') }}<i class="el-icon-arrow-down el-icon--right" />
       </el-button>
       <el-dropdown-menu slot="dropdown">
-        <el-dropdown-item
-          v-for="(reference, index) in references.referencesList"
-          :key="index"
-          :command="reference"
-          :divided="true"
-        >
-          <div class="contents">
-            <div>
-              <span class="contents">
-                <b class="label">
-                  {{ reference.displayName }}
-                </b>
-              </span>
-              <p
-                class="description"
-              >
-                {{ $t('data.noDescription') }}
-              </p>
+        <el-scrollbar wrap-class="scroll-child">
+          <el-dropdown-item
+            v-for="(reference, index) in references.referencesList"
+            :key="index"
+            :command="reference"
+            :divided="true"
+          >
+            <div class="contents">
+              <div>
+                <span class="contents">
+                  <b class="label">
+                    {{ reference.displayName }}
+                  </b>
+                </span>
+                <p
+                  class="description"
+                >
+                  {{ $t('data.noDescription') }}
+                </p>
+              </div>
             </div>
-          </div>
-        </el-dropdown-item>
+          </el-dropdown-item>
+        </el-scrollbar>
       </el-dropdown-menu>
     </el-dropdown>
   </div>
@@ -365,7 +369,7 @@ export default {
     left: 0;
     z-index: 10;
     padding: 10px 0;
-    margin: 5px 0;
+    margin: 0px 0;
     background-color: #FFFFFF;
     border: 1px solid #e6ebf5;
     border-radius: 4px;
@@ -373,7 +377,7 @@ export default {
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     max-height: 300px;
     max-width: 220px;
-    overflow: auto;
+    overflow: hidden;
   }
   .el-dropdown-menu--mini .el-dropdown-menu__item {
     line-height: 14px;