Dashboard: Fix dropping panels in tabs nested in rows (#112718)

2025-10-22 15:56:26 +03:00
parent 815e782ad0
commit ae1a389f0f
1 changed files with 5 additions and 2 deletions
@@ -114,12 +114,15 @@ interface TabItemLayoutRendererProps {
 }

 export function TabItemLayoutRenderer({ tab, isEditing }: TabItemLayoutRendererProps) {
-  const { layout } = tab.useState();
+  const { layout, key } = tab.useState();
  const styles = useStyles2(getStyles);
  const [_, conditionalRenderingClass, conditionalRenderingOverlay] = useIsConditionallyHidden(tab);

  return (
-    <TabContent className={cx(styles.tabContentContainer, isEditing && conditionalRenderingClass)}>
+    <TabContent
+      className={cx(styles.tabContentContainer, isEditing && conditionalRenderingClass)}
+      data-dashboard-drop-target-key={key}
+    >
      <layout.Component model={layout} />
      {isEditing && conditionalRenderingOverlay}
    </TabContent>