Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): ignore context menu in slider view

Browse Source 
It doesn't make sense to allow context menu here, because the context menu will technically be on a div and not an image - there won't be any image options there.
This commit is contained in:
psychedelicious 2024-06-01 10:20:22 +10:00
parent d0fca53e67
commit ca728ca29f
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/common/util/stopPropagation.ts
View File

@ -1,3 +1,7 @@
export const stopPropagation = (e: React.MouseEvent) => { export const stopPropagation = (e: React.MouseEvent) => {
e.stopPropagation(); e.stopPropagation();
}; };
export const preventDefault = (e: React.MouseEvent) => {
e.preventDefault();
};

2
invokeai/frontend/web/src/features/gallery/components/ImageViewer/ImageComparisonSlider.tsx
View File

@ -1,6 +1,7 @@
import { Box, Flex, Icon, Image, Text } from '@invoke-ai/ui-library'; import { Box, Flex, Icon, Image, Text } from '@invoke-ai/ui-library';
import { useMeasure } from '@reactuses/core'; import { useMeasure } from '@reactuses/core';
import { useAppSelector } from 'app/store/storeHooks'; import { useAppSelector } from 'app/store/storeHooks';
import { preventDefault } from 'common/util/stopPropagation';
import type { Dimensions } from 'features/canvas/store/canvasTypes'; import type { Dimensions } from 'features/canvas/store/canvasTypes';
import { STAGE_BG_DATAURL } from 'features/controlLayers/util/renderers'; import { STAGE_BG_DATAURL } from 'features/controlLayers/util/renderers';
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@ -258,6 +259,7 @@ export const ImageComparisonSlider = memo(({ firstImage, secondImage }: Props) =
bottom={0} bottom={0}
left={0} left={0}
onMouseDown={onMouseDown} onMouseDown={onMouseDown}
onContextMenu={preventDefault}
userSelect="none" userSelect="none"
cursor="ew-resize" cursor="ew-resize"
/> />