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): improve dragging activation

Browse Source 
- delay of 250ms
- prevent gallery images from accidentally activating native drag and drop
This commit is contained in:
psychedelicious 2023-06-07 15:40:43 +10:00
parent de0fd87035
commit 0843028e6e
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/app/components/ImageDnd/ImageDndContext.tsx
View File

@ -40,11 +40,11 @@ const ImageDndContext = (props: ImageDndContextProps) => {
); );
const mouseSensor = useSensor(MouseSensor, { const mouseSensor = useSensor(MouseSensor, {
activationConstraint: { distance: 15 }, activationConstraint: { delay: 250, tolerance: 5 },
}); });
const touchSensor = useSensor(TouchSensor, { const touchSensor = useSensor(TouchSensor, {
activationConstraint: { distance: 15 }, activationConstraint: { delay: 250, tolerance: 5 },
}); });
// TODO: Use KeyboardSensor - needs composition of multiple collisionDetection algos // TODO: Use KeyboardSensor - needs composition of multiple collisionDetection algos
// Alternatively, fix `rectIntersection` collection detection to work with the drag overlay // Alternatively, fix `rectIntersection` collection detection to work with the drag overlay

1
invokeai/frontend/web/src/features/gallery/components/HoverableImage.tsx
View File

@ -279,6 +279,7 @@ const HoverableImage = memo((props: HoverableImageProps) => {
objectFit={ objectFit={
shouldUseSingleGalleryColumn ? 'contain' : galleryImageObjectFit shouldUseSingleGalleryColumn ? 'contain' : galleryImageObjectFit
} }
draggable={false}
rounded="md" rounded="md"
src={thumbnail_url || image_url} src={thumbnail_url || image_url}
fallback={<FaImage />} fallback={<FaImage />}