diff --git a/app/assets/javascripts/discourse/app/components/d-tooltip.js b/app/assets/javascripts/discourse/app/components/d-tooltip.js
index cb88fd9cefc..facb2e70ebb 100644
--- a/app/assets/javascripts/discourse/app/components/d-tooltip.js
+++ b/app/assets/javascripts/discourse/app/components/d-tooltip.js
@@ -5,6 +5,7 @@ import Ember from "ember";
 
 export default class DiscourseTooltip extends Component {
   tagName = "";
+  interactive = false;
 
   didInsertElement() {
     this._super(...arguments);
@@ -24,7 +25,9 @@ export default class DiscourseTooltip extends Component {
       const viewBounds = Ember.ViewUtils.getViewBounds(this);
       const element = viewBounds.firstNode;
       const parent = viewBounds.parentElement;
+      const interactive = this.interactive;
       this._tippyInstance = tippy(parent, {
+        interactive,
         content: element,
         trigger: this.capabilities.touch ? "click" : "mouseenter",
         theme: "d-tooltip",