From 704745eb7cf318fa42e13c92eb4a4aa0d43d8d3e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 22 May 2026 03:28:37 -0700
Subject: [PATCH] fix item table crashing with row play controls

- hovercard causes issues with the image component as the component is mounted/unmounted within the portal
---
 .../item-table-list/columns/row-play-control-cell.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx b/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
index 1ec11e132..9313c1e1e 100644
--- a/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
+++ b/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
@@ -88,7 +88,7 @@ export const RowPlayControlCell = (
             <TableColumnContainer {...props} className={styles.expansionCell}>
                 <div className={styles.expansionInner}>
                     {showPlayControls ? (
-                        <HoverCard openDelay={300} position="top" withArrow>
+                        <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
                             <HoverCard.Target>{expansionTarget}</HoverCard.Target>
                             <HoverCard.Dropdown onClick={(e) => e.stopPropagation()}>
                                 <ItemRowPlayControls onPlay={onPlay} />
@@ -110,7 +110,7 @@ export const RowPlayControlCell = (
 
     return (
         <TableColumnTextContainer {...props} className={styles.fullSizeContent}>
-            <HoverCard openDelay={300} position="top" withArrow>
+            <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
                 <HoverCard.Target>
                     <Flex className={styles.indexContent} justify="center" w="100%">
                         {getIndexDisplay(false)}