From 522cf47d504f682c551c9c6cf08a221472f57050 Mon Sep 17 00:00:00 2001
From: Ryan Wilson <ryan.wilson@pnp-hcl.com>
Date: Thu, 5 Aug 2021 09:07:45 -0400
Subject: [PATCH] bug:2675 move badge to prevent hiding element

---
 src/commands/view/SelectComponent.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/commands/view/SelectComponent.js b/src/commands/view/SelectComponent.js
index f650a3bbc..e31521f38 100644
--- a/src/commands/view/SelectComponent.js
+++ b/src/commands/view/SelectComponent.js
@@ -336,6 +336,7 @@ export default {
    * @private
    * */
   updateBadge(el, pos, opts = {}) {
+    const { canvas } = this;
     const model = $(el).data('model');
     if (!model || !model.get('badgable')) return;
     const badge = this.getBadge(opts);
@@ -356,9 +357,12 @@ export default {
     const un = 'px';
     const bStyle = badge.style;
     bStyle.display = 'block';
-    const badgeH = badge ? badge.offsetHeight : 0;
-    const posTop = 0 - badgeH;
-    const top = opts.topOff - badgeH < 0 ? -opts.topOff : posTop;
+
+    const targetToElem = canvas.getTargetToElementFixed(el, badge, {
+      pos: pos
+    });
+
+    const top = targetToElem.top; //opts.topOff - badgeH < 0 ? -opts.topOff : posTop;
     const left = opts.leftOff < 0 ? -opts.leftOff : 0;
 
     bStyle.top = top + un;