diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx index c01214a3b3..610847e012 100644 --- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx +++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/CurrentImage/CurrentImageNode.tsx @@ -1,15 +1,15 @@ -import { useState, PropsWithChildren, memo } from 'react'; -import { useSelector } from 'react-redux'; -import { createSelector } from '@reduxjs/toolkit'; -import { Flex, Image, Text } from '@chakra-ui/react'; -import { motion } from 'framer-motion'; -import { NodeProps } from 'reactflow'; -import NodeWrapper from '../common/NodeWrapper'; -import NextPrevImageButtons from 'features/gallery/components/NextPrevImageButtons'; -import IAIDndImage from 'common/components/IAIDndImage'; -import { IAINoContentFallback } from 'common/components/IAIImageFallback'; -import { DRAG_HANDLE_CLASSNAME } from 'features/nodes/types/constants'; -import { stateSelector } from 'app/store/store'; +import { useState, PropsWithChildren, memo } from "react"; +import { useSelector } from "react-redux"; +import { createSelector } from "@reduxjs/toolkit"; +import { Flex, Image, Text } from "@chakra-ui/react"; +import { motion } from "framer-motion"; +import { NodeProps } from "reactflow"; +import NodeWrapper from "../common/NodeWrapper"; +import NextPrevImageButtons from "features/gallery/components/NextPrevImageButtons"; +import IAIDndImage from "common/components/IAIDndImage"; +import { IAINoContentFallback } from "common/components/IAIImageFallback"; +import { DRAG_HANDLE_CLASSNAME } from "features/nodes/types/constants"; +import { stateSelector } from "app/store/store"; const selector = createSelector(stateSelector, ({ system, gallery }) => { const imageDTO = gallery.selection[gallery.selection.length - 1]; @@ -29,10 +29,10 @@ const CurrentImageNode = (props: NodeProps) => { @@ -68,31 +68,35 @@ const Wrapper = (props: PropsWithChildren<{ nodeProps: NodeProps }>) => { }; return ( - + Current Image @@ -101,9 +105,9 @@ const Wrapper = (props: PropsWithChildren<{ nodeProps: NodeProps }>) => { @@ -123,12 +127,12 @@ const Wrapper = (props: PropsWithChildren<{ nodeProps: NodeProps }>) => { transition: { duration: 0.1 }, }} style={{ - position: 'absolute', + position: "absolute", top: 40, left: -2, right: -2, bottom: 0, - pointerEvents: 'none', + pointerEvents: "none", }} >