diff --git a/packages/ui/src/components/base/FullImage.vue b/packages/ui/src/components/base/FullImage.vue
index dfdfdd0ca7..443e91d5c2 100644
--- a/packages/ui/src/components/base/FullImage.vue
+++ b/packages/ui/src/components/base/FullImage.vue
@@ -1,5 +1,11 @@
 <template>
-	<img ref="img" :src="src" v-bind="$attrs" @contextmenu="onContextMenu" @dragstart="onDragStart" />
+	<img
+		ref="img"
+		:src="src"
+		v-bind="$attrs"
+		@contextmenu="onContextMenu"
+		@pointerdown="onPointerDown"
+	/>
 </template>
 
 <script setup lang="ts">
@@ -58,13 +64,11 @@ function onContextMenu(event: MouseEvent) {
 	])
 }
 
-function onDragStart(event: DragEvent) {
-	if (!props.rawSrc || !event.dataTransfer) return
-
-	const filename = props.rawSrc.split('/').pop()?.split('?')[0] || 'image'
-
-	event.dataTransfer.setData('DownloadURL', `application/octet-stream:${filename}:${props.rawSrc}`)
-	event.dataTransfer.setData('text/uri-list', props.rawSrc)
-	event.dataTransfer.setData('text/plain', props.rawSrc)
+function onPointerDown(event: PointerEvent) {
+	if (!props.rawSrc || event.button !== 0) return
+	swapImageSrc(event.currentTarget as HTMLImageElement, props.rawSrc, [
+		{ target: window, type: 'pointerup', capture: true },
+		{ target: event.currentTarget as HTMLImageElement, type: 'dragend' },
+	])
 }
 </script>