fix: styling and other issues on Apple Devices

src/app/router/Popup/index.tsx

@@ -9,6 +9,25 @@ import Popup from "./Popup";
 // Get the active theme and apply corresponding Tailwind classes to the document
 setTheme();
 
+// Occupy full width in Safari Extension on iOS
+document.addEventListener("DOMContentLoaded", function () {
+  const isSafariOniOS =
+    navigator.userAgent.match(/iPhone/i) &&
+    navigator.userAgent.match(/Safari/i);
+  const isSafariOniPad =
+    navigator.userAgent.match(/Macintosh/i) &&
+    navigator.userAgent.match(/Safari/i) &&
+    navigator.maxTouchPoints &&
+    navigator.maxTouchPoints > 1;
+  if (isSafariOniOS) {
+    document.body.classList.remove("w-96");
+    document.body.classList.add("w-full");
+  }
+  if (isSafariOniPad) {
+    document.body.classList.remove("max-w-full");
+  }
+});
+
 const container = document.getElementById("popup-root") as HTMLElement;
 const root = createRoot(container);
 root.render(<Popup />);

src/app/screens/Home/index.tsx

@@ -62,12 +62,14 @@ const Home: FC = () => {
       if (currentUrl) {
         const url = new URL(currentUrl);
         setCurrentUrl(url);
-      }
 
-      if (currentUrl && currentUrl.startsWith("http")) {
-        browser.tabs.sendMessage(tabs[0].id as number, {
-          action: "extractLightningData",
-        });
+        if (currentUrl.startsWith("http")) {
+          browser.tabs.sendMessage(tabs[0].id as number, {
+            action: "extractLightningData",
+          });
+        }
+      } else {
+        setLoadingAllowance(false);
       }
     };
 

src/extension/background-script/state.ts

@@ -214,12 +214,14 @@ const state = create<State>((set, get) => ({
 
     // https://stackoverflow.com/a/54317362/1667461
     const allTabIds = Array.from(allTabs, (tab) => tab.id).filter(
-      (i): i is number => {
-        return typeof i === "number";
+      (id, index): id is number => {
+        // Safari: allTabs consist of Start Pages too
+        return typeof id === "number" && allTabs[index].title !== "";
       }
     );
 
-    browser.tabs.remove(allTabIds);
+    // Safari: extension popup is not a tab
+    if (allTabIds.length) browser.tabs.remove(allTabIds);
 
     if (get().connector) {
       const connector = (await get().connector) as Connector;