diff --git a/lama_cleaner/app/src/components/Editor/Editor.tsx b/lama_cleaner/app/src/components/Editor/Editor.tsx index 1440d78..6edffac 100644 --- a/lama_cleaner/app/src/components/Editor/Editor.tsx +++ b/lama_cleaner/app/src/components/Editor/Editor.tsx @@ -21,7 +21,7 @@ import inpaint from '../../adapters/inpainting' import Button from '../shared/Button' import Slider from './Slider' import SizeSelector from './SizeSelector' -import { downloadImage, loadImage, useImage } from '../../utils' +import { downloadImage, isRightClick, loadImage, useImage } from '../../utils' import { settingState } from '../../store/Atoms' const TOOLBAR_SIZE = 200 @@ -385,6 +385,10 @@ export default function Editor(props: EditorProps) { if (isInpaintingLoading) { return } + + if (isRightClick(ev)) { + return + } setIsDraging(true) let lineGroup: LineGroup = [] diff --git a/lama_cleaner/app/src/utils.ts b/lama_cleaner/app/src/utils.ts index 1b6b399..fc4c0e3 100644 --- a/lama_cleaner/app/src/utils.ts +++ b/lama_cleaner/app/src/utils.ts @@ -1,4 +1,4 @@ -import { useEffect, useState } from 'react' +import { SyntheticEvent, useEffect, useState } from 'react' export function dataURItoBlob(dataURI: string) { const mime = dataURI.split(',')[0].split(':')[1].split(';')[0] @@ -182,3 +182,8 @@ export function keepGUIAlive() { }) } } + +export function isRightClick(ev: SyntheticEvent) { + const mouseEvent = ev.nativeEvent as MouseEvent + return mouseEvent.button === 2 +}