Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed selector being displayed issue while dragging over container

Browse source
This commit is contained in:
Kavin Venkatachalam 2024-01-11 10:24:20 +05:30
parent bc835e9dac
commit 04031573d5
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/Editor/DraggableBox.jsx
View file

@ -12,7 +12,7 @@ import ErrorBoundary from './ErrorBoundary';
import { useCurrentState } from '@/_stores/currentStateStore';
import { useEditorStore } from '@/_stores/editorStore';
import { shallow } from 'zustand/shallow';
import { useNoOfGrid } from '@/_stores/gridStore';
import { useNoOfGrid, useGridStore } from '@/_stores/gridStore';
import WidgetBox from './WidgetBox';
import * as Sentry from '@sentry/react';
@ -226,7 +226,7 @@ export const DraggableBox = React.memo(
'draggable-box-in-editor': mode === 'edit',
})}
onMouseEnter={(e) => {
console.log('e.currentTarget', e.currentTarget, e.target);
if (useGridStore.getState().draggingComponentId) return;
const closestDraggableBox = e.target.closest('.draggable-box');
if (closestDraggableBox) {
const classNames = closestDraggableBox.className.split(' ');
@ -243,6 +243,7 @@ export const DraggableBox = React.memo(
}
}}
onMouseLeave={(e) => {
if (useGridStore.getState().draggingComponentId) return;
setHoveredComponent('');
}}
style={getStyles(isDragging, isSelectedComponent)}