Change interactiveBorder to fix popup preview (#23169) (#23313)

Backport #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: Hester Gong <hestergong@gmail.com>

diff --git a/web_src/js/features/contextpopup.js b/web_src/js/features/contextpopup.js
index d29da6d95141e6cd03ae8c1caecff61b1bf2057c..90f2f271da8dcf701a54889550c38039c922d129 100644 (file)
--- 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}}));
       }