From a00fb88bd78068a8ddd6cbd0ba3efe54a2b50d23 Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Fri, 7 Nov 2025 11:55:31 +0100
Subject: [PATCH] fix(ui): enable Table Row href to open in new tabs

The Table Row component's href prop was being destructured but not
passed to the underlying ReactAriaRow component, preventing rows from
rendering as <a> elements. This blocked native browser link behaviors
like right-click "Open in new tab" and Cmd+Click.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .changeset/warm-carrots-lead.md                     | 5 +++++
 packages/ui/src/components/Table/components/Row.tsx | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/warm-carrots-lead.md

diff --git a/.changeset/warm-carrots-lead.md b/.changeset/warm-carrots-lead.md
new file mode 100644
index 0000000000..fdc84d026a
--- /dev/null
+++ b/.changeset/warm-carrots-lead.md
@@ -0,0 +1,5 @@
+---
+'@backstage/ui': patch
+---
+
+Fixed Table Row component to properly support opening links in new tabs via right-click or Cmd+Click when using the href prop.
diff --git a/packages/ui/src/components/Table/components/Row.tsx b/packages/ui/src/components/Table/components/Row.tsx
index 8b51e4024f..70c8330e68 100644
--- a/packages/ui/src/components/Table/components/Row.tsx
+++ b/packages/ui/src/components/Table/components/Row.tsx
@@ -57,6 +57,7 @@ export function Row<T extends object>(props: RowProps<T>) {
     return (
       <ReactAriaRow
         id={id}
+        href={href}
         className={clsx(classNames.row, styles[classNames.row])}
         {...rest}
       >
@@ -69,6 +70,7 @@ export function Row<T extends object>(props: RowProps<T>) {
     <RouterProvider navigate={navigate} useHref={useHref}>
       <ReactAriaRow
         id={id}
+        href={href}
         className={clsx(classNames.row, styles[classNames.row])}
         data-react-aria-pressable="true"
         {...rest}