Change interactiveBorder to fix popup preview (#23169)

HesterG · lunny · web-flow · commit ea7f0d6fcfe9 · 2023-03-05T23:40:50.000+08:00
Close #23073. Used the solution as reference to the reply: #23073 (comment) 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>
diff --git a/web_src/js/features/contextpopup.js b/web_src/js/features/contextpopup.js
@@ -31,6 +31,7 @@ export function initContextPopups() {
     createTippy(this, {
       content: el,
       interactive: true,
+      interactiveBorder: 5,
       onShow: () => {
         el.firstChild.dispatchEvent(new CustomEvent('ce-load-context-popup', {detail: {owner, repo, index}}));
       }

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ export function initContextPopups() {`
`31`	`31`	`createTippy(this, {`
`32`	`32`	`content: el,`
`33`	`33`	`interactive: true,`
	`34`	`+ interactiveBorder: 5,`
`34`	`35`	`onShow: () => {`
`35`	`36`	`el.firstChild.dispatchEvent(new CustomEvent('ce-load-context-popup', {detail: {owner, repo, index}}));`
`36`	`37`	`}`