scope all css to #stackgazer for embedding

dt · dt · commit 38611315deda · 2025-09-21T18:12:37.000Z
diff --git a/src/ui/StackTraceApp.ts b/src/ui/StackTraceApp.ts
@@ -3052,7 +3052,7 @@ export class StackgazerApp {
     this.tooltip = document.createElement('div');
     this.tooltip.className = 'goroutine-tooltip';
     this.tooltip.classList.add('hidden');
-    document.body.appendChild(this.tooltip);
+    this.container!.appendChild(this.tooltip);
   }
 
   private showGoroutinePreviewTooltip(goroutineId: string, event: MouseEvent): void {
@@ -3529,7 +3529,7 @@ export class StackgazerApp {
     textarea.value = combinedText;
     textarea.style.position = 'fixed';
     textarea.style.left = '-9999px';
-    document.body.appendChild(textarea);
+    this.container!.appendChild(textarea);
 
     try {
       textarea.select();
@@ -3672,7 +3672,7 @@ export class StackgazerApp {
     };
     document.addEventListener('keydown', closeOnEscape);
 
-    document.body.appendChild(modal);
+    this.container!.appendChild(modal);
 
     // Render the tree
     this.renderAncestryTree(svgContainer, treeData, targetGoroutine);
diff --git a/src/ui/index.html b/src/ui/index.html
@@ -5,8 +5,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Stackgazer</title>
-    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🔍%3C/text%3E%3C/svg%3E">    
-  <link rel="stylesheet" href="styles.css">
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🔍%3C/text%3E%3C/svg%3E">
+    <link rel="stylesheet" href="styles.css">
+    <style>
+        html, body {
+            margin: 0;
+            padding: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+    </style>
 </head>
 
 <body>
diff --git a/src/ui/styles.css b/src/ui/styles.css
