From 5c064e7e30550eb78306a58658bc78fded6e9b4c Mon Sep 17 00:00:00 2001
From: Omar Rizwan <omar@omar.website>
Date: Tue, 29 Jun 2021 22:44:06 -0700
Subject: [PATCH] embed-files: `position: fixed` for icons; fix initial
 positioning

---
 extension/embed-files.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/extension/embed-files.js b/extension/embed-files.js
index 0010fdf..64ffd0d 100644
--- a/extension/embed-files.js
+++ b/extension/embed-files.js
@@ -3,7 +3,9 @@
 document.body.insertAdjacentHTML('beforeend', `
 <style>
 .--tabfs-file-container .--tabfs-file {
-  position: absolute; top: 0; left: 0;
+  /* fixed makes sense if it's a property of the tab; */
+  /* absolute would make more sense if it's a property of the page? */
+  position: fixed; top: 0; left: 0;
   z-index: 10000;
   cursor: move;
   user-select: none; -webkit-user-select: none;
@@ -36,7 +38,7 @@ function addFile(name, x, y, file) {
 <div class="--tabfs-file">${name}</div>
 `);
   const icon = container.lastElementChild;
-  icon.style.left = x; icon.style.top = y; 
+  icon.style.left = `${x}px`; icon.style.top = `${y}px`; 
 
   // from https://htmldom.dev/make-a-draggable-element/: