MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix DND ghost cursor issue on mac

This commit is contained in:
Andrew Kingston 2024-08-01 09:00:18 +01:00
parent 7433b073c5
commit 99c7859fb2
No known key found for this signature in database
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/client/src/components/preview/GridDNDHandler.svelte
View File

@ -10,6 +10,15 @@
getGridVarValue, getGridVarValue,
} from "utils/grid" } from "utils/grid"
// Smallest possible 1x1 transparent GIF
const ghost = new Image(1, 1)
ghost.src =
"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
let dragInfo
let gridStyles = memo()
let id
// Grid CSS variables // Grid CSS variables
$: vars = { $: vars = {
colStart: $getGridVar("col-start"), colStart: $getGridVar("col-start"),
@ -18,10 +27,6 @@
rowEnd: $getGridVar("row-end"), rowEnd: $getGridVar("row-end"),
} }
let dragInfo
let gridStyles = memo()
let id
// Some memoisation of primitive types for performance // Some memoisation of primitive types for performance
$: id = dragInfo?.id || id $: id = dragInfo?.id || id
@ -117,7 +122,7 @@
} }
// Hide drag ghost image // Hide drag ghost image
e.dataTransfer.setDragImage(new Image(), 0, 0) e.dataTransfer.setDragImage(ghost, 0, 0)
// Extract state // Extract state
let mode, id, side let mode, id, side