diff --git a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx index 59a1d281fe..991398f5a0 100644 --- a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx +++ b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx @@ -170,12 +170,14 @@ const IAIDndImage = (props: IAIDndImageProps) => { )} {!imageDTO && isUploadDisabled && noContentFallback} - - {imageDTO && ( + {!isDropDisabled && ( + + )} + {imageDTO && !isDragDisabled && ( { draggableData={draggableData} droppableData={droppableData} imageDTO={controlImage} - isDropDisabled={shouldShowProcessedImage} + isDropDisabled={shouldShowProcessedImage || !isEnabled} onClickReset={handleResetControlImage} postUploadAction={postUploadAction} resetTooltip="Reset Control Image" @@ -157,6 +157,7 @@ const ControlNetImagePreview = (props: Props) => { droppableData={droppableData} imageDTO={processedControlImage} isUploadDisabled={true} + isDropDisabled={!isEnabled} onClickReset={handleResetControlImage} resetTooltip="Reset Control Image" withResetIcon={Boolean(controlImage)}