From e43c119bd5d97236dd0d6f7f34f945a655300429 Mon Sep 17 00:00:00 2001
From: Hester Gong <hestergong@gmail.com>
Date: Sun, 5 Mar 2023 23:40:50 +0800
Subject: [PATCH] Change interactiveBorder to fix popup preview  (#23169)

Close #23073.
Used the solution as reference to the reply:
https://github.com/go-gitea/gitea/issues/23073#issuecomment-1440124609
Here made the change inside the `contextpopup.js` because this is where
the popup component is created and tippy configuration is given.

Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
---
 web_src/js/features/contextpopup.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web_src/js/features/contextpopup.js b/web_src/js/features/contextpopup.js
index d29da6d95141e..90f2f271da8dc 100644
--- a/web_src/js/features/contextpopup.js
+++ b/web_src/js/features/contextpopup.js
@@ -31,6 +31,7 @@ export default function initContextPopups() {
     createTippy(this, {
       content: el,
       interactive: true,
+      interactiveBorder: 5,
       onShow: () => {
         el.firstChild.dispatchEvent(new CustomEvent('us-load-context-popup', {detail: {owner, repo, index}}));
       }