mirror of
https://github.com/jeffvli/feishin.git
synced 2026-06-10 22:32:17 +02:00
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:
@@ -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)}
|
||||||
|
|||||||
Reference in New Issue
Block a user