[frontend] fix url contextmenu hrefs

Author: velzie

frontend/src/Tab.tsx

@@ -610,11 +610,15 @@ function pageContextItems(client: ScramjetClient, tab: Tab, e: MouseEvent) {
 			},
 		];
 	} else if (target && target instanceof view.HTMLAnchorElement) {
+		let href = Object.getOwnPropertyDescriptor(
+			HTMLAnchorElement.prototype,
+			"href"
+		)!.get!.call(target);
+		let url = scramjet.decodeUrl(href);
 		return [
 			{
 				label: "Open Link",
 				action: () => {
-					const url = scramjet.decodeUrl(target.href);
 					if (url) {
 						browser.activetab.pushNavigate(new URL(url));
 					}
@@ -623,7 +627,6 @@ function pageContextItems(client: ScramjetClient, tab: Tab, e: MouseEvent) {
 			{
 				label: "Open Link in New Tab",
 				action: () => {
-					const url = scramjet.decodeUrl(target.href);
 					if (url) {
 						browser.newTab(new URL(url));
 					}

frontend/src/components/Shell.tsx

@@ -1,7 +1,7 @@
 import { css, type Component } from "dreamland/core";
 import { browser } from "../Browser";
 import { forceScreenshot, popTab, pushTab } from "../Browser";
-import { takeScreenshotGDM, takeScreenshotSvg } from "../screenshot";
+import { takeScreenshotGDM } from "../screenshot";
 
 export const Shell: Component = function (cx) {
 	pushTab.listen((tab) => {

frontend/src/components/TabStrip.tsx

@@ -9,6 +9,10 @@ import type { Tab } from "../Tab";
 import { setContextMenu } from "./Menu";
 import { browser, forceScreenshot } from "../Browser";
 
+const isFirefox =
+	navigator.userAgent.includes("Gecko/") &&
+	!navigator.userAgent.includes("Chrome");
+
 export const DragTab: Component<
 	{
 		active: boolean;
@@ -90,15 +94,15 @@ export const DragTab: Component<
 					<span class="title">{use(this.tab.title)}</span>
 					<span class="hostname">{use(this.tab.url.hostname)}</span>
 				</div>
-				{window.chrome ? (
-					use(this.tab.screenshot).andThen(
-						<img src={use(this.tab.screenshot)} class="img" />
-					)
-				) : (
+				{isFirefox ? (
 					<div
 						style={use`background-image: -moz-element(#tab${this.tab.id})`}
 						class="img"
 					></div>
+				) : (
+					use(this.tab.screenshot).andThen(
+						<img src={use(this.tab.screenshot)} class="img" />
+					)
 				)}
 			</div>
 			<div