bring back in-element and render the tooltip attached to the applicat…

…ion node.
ilios · Jan 16, 2025 · 6707215 · 6707215
1 parent eb86eea
commit 6707215
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 14 deletions.
diff --git a/packages/ilios-common/addon/components/ilios-tooltip.hbs b/packages/ilios-common/addon/components/ilios-tooltip.hbs
@@ -1,17 +1,19 @@
-<div
-  class="ilios-tooltip"
-  {{popper-tooltip @target}}
-  ...attributes
->
-  <div class="content">
-    <div class="arrow" data-popper-arrow></div>
-    {{#if @title}}
-      <div class="title">
-        {{@title}}
+{{#in-element this.applicationElement insertBefore=null}}
+  <div
+    class="ilios-tooltip"
+    {{popper-tooltip @target}}
+    ...attributes
+  >
+    <div class="content">
+      <div class="arrow" data-popper-arrow></div>
+      {{#if @title}}
+        <div class="title">
+          {{@title}}
+        </div>
+      {{/if}}
+      <div class="body">
+        {{yield}}
       </div>
-    {{/if}}
-    <div class="body">
-      {{yield}}
     </div>
   </div>
-</div>
+{{/in-element}}
diff --git a/packages/ilios-common/addon/components/ilios-tooltip.js b/packages/ilios-common/addon/components/ilios-tooltip.js
@@ -0,0 +1,7 @@
+import Component from '@glimmer/component';
+
+export default class TooltipComponent extends Component {
+  get applicationElement() {
+    return document.querySelector('.ember-application');
+  }
+}