fix item table crashing with row play controls

- hovercard causes issues with the image component as the component is mounted/unmounted within the portal
This commit is contained in:
jeffvli
2026-05-22 03:28:37 -07:00
parent 2759cfee97
commit 704745eb7c
@@ -88,7 +88,7 @@ export const RowPlayControlCell = (
<TableColumnContainer {...props} className={styles.expansionCell}> <TableColumnContainer {...props} className={styles.expansionCell}>
<div className={styles.expansionInner}> <div className={styles.expansionInner}>
{showPlayControls ? ( {showPlayControls ? (
<HoverCard openDelay={300} position="top" withArrow> <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
<HoverCard.Target>{expansionTarget}</HoverCard.Target> <HoverCard.Target>{expansionTarget}</HoverCard.Target>
<HoverCard.Dropdown onClick={(e) => e.stopPropagation()}> <HoverCard.Dropdown onClick={(e) => e.stopPropagation()}>
<ItemRowPlayControls onPlay={onPlay} /> <ItemRowPlayControls onPlay={onPlay} />
@@ -110,7 +110,7 @@ export const RowPlayControlCell = (
return ( return (
<TableColumnTextContainer {...props} className={styles.fullSizeContent}> <TableColumnTextContainer {...props} className={styles.fullSizeContent}>
<HoverCard openDelay={300} position="top" withArrow> <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
<HoverCard.Target> <HoverCard.Target>
<Flex className={styles.indexContent} justify="center" w="100%"> <Flex className={styles.indexContent} justify="center" w="100%">
{getIndexDisplay(false)} {getIndexDisplay(false)}